Change color of links in event card (Grid layout)

CSS Codes Event Calendar
1

Add this code to the Custom CSS field on the Style tab of your Event Calendar widget’s settings:

.eapp-events-calendar-grid-item-info a {
color: red!important;
}
2

How do you do this for Masonry layout?

1 Like
3

Hey there, @Joel_Greaves and welcome to the Community :waving_hand:

You just should replace grid with masonry in the code :

.eapp-events-calendar-masonry-item-info a {
color: red!important;
}

Try it out and let me know if it worked :slightly_smiling_face:

1 Like
4

Hi Max, I tried to add the grid item code to make my hyperlinks a specific color but nothing happened. Is it because of the hex? This is what i inserted to the Custom CSS:

.eapp-events-calendar-grid-item-info a {
color: #B1C1AB!important;
}
1 Like
5

Hi there and welcome to the Community, @Meadow_Xen :waving_hand:

This code works for the links in the description displayed in the event cards. If you want to change the color of the links in the event popup, this code will do the trick :wink:

    .global-styles,
.eapp-events-calendar-popup-item-description a {
color: #B1C1AB !important;
}
1 Like