arrow color in sidebar widget

Hello @archimedes144,

It seems a minor conflict with owl carousel on your theme, however, please don’t worry I write custom CSS for fix it on your website, please add/put CSS below in MEC Settings > Custom CSS:

.mec-wrap button:not(.owl-dot):not(.gm-control-active) {
    background: transparent;
    position: absolute;
}

.mec-widget .mec-event-grid-classic.mec-owl-carousel .owl-nav button i {
    color: #e50000;
}

.mec-widget .mec-event-grid-classic.mec-owl-carousel .owl-nav button {
    position: absolute;
    background: #fff;
    line-height: 0;
    width: 34px;
    height: 26px;
    padding: 6px;
    text-align: center;
    margin-top: -17px;
    border-radius: 3px;
    border: 1px solid #e2e2e2;
    text-align: center;
    box-shadow: 0 2px 0 0 rgba(0,0,0,.028);
    transition: all .33s ease;
}

.mec-wrap button:not(.owl-dot):not(.gm-control-active):hover {
    background: #e50000;
}

.mec-widget .mec-event-grid-classic.mec-owl-carousel .owl-nav button:hover i {
    color: #fff;
}

– Reference: https://webnus.net/dox/modern-events-calendar/inspect-element/

Best Regards

Hi @webnus,

thanks for the code – works perfectly! ??

regards, Alex

You’re welcome