MEC Events – CSS Black Footer anpassungen

MEC Events – CSS Black Footer anpassungen

.site-footer .entry-content .mec-wrap h1 a,
.site-footer .entry-content .mec-wrap h2 a,
.site-footer .entry-content .mec-wrap h3 a,
.site-footer .entry-content .mec-wrap h4 a,
.site-footer .entry-content .mec-wrap h5 a,
.site-footer .entry-content .mec-wrap h6 a,
.site-footer .mec-wrap .mec-calendar .mec-event-article .mec-event-title a,
.site-footer .mec-wrap .mec-event-grid-classic .mec-event-title a,
.site-footer .mec-wrap .mec-event-grid-clean .mec-event-title a,
.site-footer .mec-wrap .mec-event-grid-minimal .mec-event-title a,
.site-footer .mec-wrap .mec-event-grid-modern .mec-event-title a,
.site-footer .mec-wrap .mec-event-grid-simple .mec-event-title a,
.site-footer .mec-wrap .mec-event-list-classic .mec-event-title a,
.site-footer .mec-wrap .mec-event-list-minimal .mec-event-title a,
.site-footer .mec-wrap .mec-event-list-standard .mec-event-title a,
.site-footer .mec-wrap .mec-wrap .mec-event-list-modern .mec-event-title a,
.site-footer .mec-wrap h1 a, .mec-wrap h2 a,
.site-footer .mec-wrap h3 a,
.site-footer .mec-wrap h4 a,
.site-footer .mec-wrap h5 a,
.site-footer .mec-wrap h6 a,
.site-footer .widget .mec-month-divider span,
.site-footer h5
{color: #fff;}

The Events Calender – Schwarze Footer anpassungen

/*Event Kalender anpassungen Farbe – Footer mit schwarze Hintergrund*/

.footer-widgets .tribe-common li {color: #fff;}
.footer-widgets .tribe-common .tribe-common-h5, .footer-widgets .tribe-common .tribe-common-h6 {color: #fff !important;}

.footer-widgets .tribe-events-widget-events-list time.tribe-events-widget-events-list__event-datetime,.footer-widgets .tribe-events-widget-events-list a.tribe-events-widget-events-list__event-title-link.tribe-common-anchor-thin, .footer-widgets span.tribe-events-widget-events-list__event-date-tag-daynum.tribe-common-h2.tribe-common-h4–min-medium, .footer-widgets
.tribe-common .tribe-common-h2,
.footer-widgets .tribe-events-widget .tribe-events-widget-events-list__event-date-tag-month {
color: #fff!important;
}

The Events Kalender – Schwarze Hintergrund anpassungen

/*Event Kalender anpassungen Farbe  – Event Seite mit schwarze Hintergrund*/

/* Common Styles */
.tribe-common .tribe-common-h2,
.tribe-common .tribe-common-h5,
.tribe-common .tribe-common-h6,
.tribe-common .tribe-common-h7,
.tribe-common .tribe-common-h8,
.tribe-common .tribe-common-h3,
.tribe-common .tribe-common-h5,
.tribe-common li {
color: #fff !important;
}

/* Event List Styles */
.tribe-events-widget-events-list time.tribe-events-widget-events-list__event-datetime,
.tribe-events-widget-events-list a.tribe-events-widget-events-list__event-title-link.tribe-common-anchor-thin,
span.tribe-events-widget-events-list__event-date-tag-daynum.tribe-common-h2.tribe-common-h4–min-medium,
.tribe-events .tribe-events-calendar-list__event-title-link,
.tribe-events .tribe-events-calendar-list__event-datetime,
.tribe-events .tribe-events-calendar-list__event-date-tag-weekday,
a:hover {
color: #fff !important;
}

/* Single Event Styles */
.tribe-events-single-event-title,
.tribe-events-schedule h2,
.tribe-events-back a {
color: #fff;
}
.single-tribe_events .tribe-blocks-editor .tribe-events-schedule .tribe-events-schedule__datetime {color: #fff;}

/* Venue Styles */
.tribe-events-calendar-list__event-venue.tribe-common-b2,
.tribe-events-calendar-list__event-venue-title,
.tribe-common-b2–bold,
.tribe-events-calendar-list__event-venue-address,
.tribe-events-calendar-list__event-description.tribe-common-b2.tribe-common-a11y-hidden {
color: #fff;
}

/* Datepicker Styles */
.tribe-events-c-top-bar__datepicker-desktop.tribe-common-a11y-hidden {
color: #fff;
}

/* Content Styles */
.tribe-events-content,
.single-tribe_events .tribe-events-single .tribe-events-event-meta,
.tribe-events-meta-group .tribe-events-single-section-title {
color: #fff;
}

MEC Events – Single Event anpassungen – Bild entfernen

Bild entfernen

Zusätzliches CSS ->

.mec-events-event-image {display:none;}

.mec-img-location {display: none;}

Achtung diese Änderung trifft alle Single-Events Seiten!

Wenn nur eine Seite sein sollte, das CSS muss kombiniert sein mit der Page ID der betroffene Seite (bei events „post“) ->

.postid-489 .mec-events-event-image {display:none;} zum Beispiel