Modern Event Calendar Section Titles and Styles

Support
#1

I was wondering if there was any way for me to change the color and title of the box to the right that says MORE INFO. It would be really helpful if we could change that to say Register Here and possibly have that section be outlined in a color. We are having an issue with people finding that space to register for events. I would like this to happen for all events across the board. I have attached a picture for your reference.

Thank you very much in advance for your help.

http://marinershb.org/events/jhm-winter-2018-life-groups/

#2

Hi there,

Thanks for writing around! To make it prominent, you can make use of the following code by adding it in the Theme Options > Global CSS or in the Customizer via Appearance > Customize > Custom > Edit GLOBAL CSS

.mec-event-more-info {
    background: #fffc75;
}
.mec-event-more-info i:before {
    color: #000;
}

.mec-event-more-info a {
    color: #000 !important;
}

.mec-event-more-info a:hover {
    color: #b8b8b8 !important;
}

To change the title, you can add the following script in your Customizer via Appearance > Customize > Custom > Edit Global Javascript

jQuery(document).ready(function($){
	$('.mec-event-more-info h3').html("Register Here");
});

Don’t forget to clear your browser’s cache after adding the code. Let us know how this goes!

#3

You are amazing! Thank you for this christmas gift!! Everything works perfectly.

#4

Glad we could help.

Cheers!

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.