MEC Colors - custom CSS

[Starkweather]

It seems that something has messed up my custom css. I have all of these in the them option CSS

.x-navbar .desktop .x-nav > li ul {
top: 60px !important;
}

.x-navbar .desktop .sub-menu {
width: 120px !important;
min-width: 0 !important;
background-color: #272727;
}

body.x-navbar-fixed-top-active .x-navbar-wrap {
height: auto !important;
}

.entry-wrap {
background-color: rgba(255, 255, 255, 0.20);
}

.um-field-checkbox-option, .um-field-radio-option,
a.um-link-alt,
.um-login {
color: red !important;
}

.mec-single-modern .col-md-4 .mec-frontbox {
margin-top: 20px !important;
}

h1.mec-event-title a {color: #ffffff !important;}
h2.mec-event-title a {color: #ffffff !important;}
h3.mec-event-title a {color: #ffffff !important;}
h4.mec-event-title a {color: #000000 !important;}

.mec-single-title {
color: #000000 !important;
background: #f7f5f4!important;
}

.mec-month-divider{
color: #000000 !important;
background: #808080!important;
}
.mec-event-title {
color: #000000 !important;

}
.mec-event-detail {
color: #000000 !important;
background: #f7f5f4!important;
}
.mec-event-time {
color: #000000 !important;
background: #f7f5f4!important;
}

.mec-agenda-day {
color: #000000 !important;
background: #f7f5f4!important;
}

.mec-agenda-date {
color: #000000 !important;
background: #f7f5f4!important;
}

.mec-events-content {
color: #000000 !important;
background: #f7f5f4!important;
}

.mec-event-d {
color: #000000!important;
}

.mec-event-more-info {
background: #FE0252!important;
}
.mec-event-more-info i:before {
color: #c6d9eb!important;
}

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

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

.mec-event-footer
{
background: #AEAAAA;
}

.mec-totalcal-box
{
background: #669999 !important;
}

.mec-event-description {
color: #000000 !important;
background: #f7f5f4!important;
}
.mec-event-address {
color: #000000 !important;
background: #f7f5f4!important;
}
.mec-venue-details {
color: #000000 !important;
background: #f7f5f4!important;
}
.mec-time-details {
color: #000000 !important;
background: #f7f5f4!important;
}

Now the colors are all off an hard to read. FYI… This forum has the same problem now. Headers are white with an off white background

[Starkweather]

Custom CSS may be working but the theme color in general is not working at all. Worst case that I can not find is entering event from front end the date pickers. See attached.

Also, is it possible that some optimizations are wiping out your colors completely??

under settings changing theme colors does nothing at all…

[Prasant]

Hello Tom,

Thanks for writing in!

Are you developing the website on a staging server as the website that’s listed on the licence manager is not using WordPress and X Theme? Please share the exact page URL where you are seeing this issue so we can take a closer look.

Thanks.

[Starkweather]

kcotb.org

hosted on HostGator shared cloud servers

[friech]

Hi Tom,

Thank you for the credentials, I don’t see any peculiar on your configuration, those issues are happening because most of your Typography color is set to white (body, headings, links) and the Calendar default accent is white, so its white against white. To resolve this, we can add a custom CSS that change the body, headings, links color on the mec calendar. Please add this to Theme Options > CSS

.mec-fes-form .mec-meta-box-fields h4,
.ui-datepicker,
.ui-datepicker a {
	color: #000;
}

Hope it helps,
Cheers!