Modern event calender last changes

[deranaloge]

hi,

i made a lot of changes on the modern event calender css (in the css section from the plugin).

now i have a few questions/problems:

i cant find the right selector to change the hover of the buttons, i tried tons but did not find the right one. now it changes to dark grey, but it should change to mangenta…
any help with that?

the next question, is there a way to make a seperator between mec event title and the content below?

is it possible to get the excerpt from the event itself (if the excerpt is added in the event entry) below the botton?

here a pic how it should look:

here how it looks so far:

then i tried to change the text on the butons with a code i found here in the forum:

Modern Events Calendar Customization

jQuery(document).ready(function($) {$('.mec-booking-button').each(function() {$(this).text('Buy Tickets');});});

since then the login with the under construction plugin (the key on the right bottom) does not work.

thanks in advance for your help!

cheers

[rad]

Hi Harald,

Thanks for reaching out.

Adding excerpt is not currently possible, but please add these CSS to Theme Options > CSS for other changes.

• line separation

.mec-event-grid-modern .event-grid-modern-head {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 20px;
}

• button hover

.mec-event-footer .mec-booking-button:hover {
    border-color: rgb(228,0,70) !important;
    background-color: rgba(255,255,255,1) !important;
    color: rgb(228,0,70) !important;
}

Thanks!

[deranaloge]

hi,

many thanks that worked!

one more problem i have on the load more button below the three events, how can i change the hover background color there?

thanks in advance

[ruenel]

Hello Harald,

To change the hover color of the load more button, you can make use of this code:

.mec-load-more-button:hover {
    border-color: red;
    background-color: red;
    color: black;
}

Please let us know how it goes.

[deranaloge]

hi ruenel,

in the same minute i found the selector. thanks again for your help.

nice sunday

cheers

[ruenel]

It’s good to know that you have resolve the hover button for your site.
Happy Sunday!!!