[Miller]

I may have made this ticket too soon. Sorry.

I added the below to APPEARANCE > EDIT CSS

is this the best way to accomplish this? it fixed my problem and looks how i want it to, but i’m not familiar with doing it this way. normally i put the custom css in the customizer option. will this (below) stay during an update?

.tribe-events-loop .tribe-events-event-meta {
padding: 12px 0 15px;
margin-top: 12px;
background: none;
border: none;
}

.event-is-recurring {
color: white;
font-style: normal;
font-weight: 500;
position: relative;
}

.event-is-recurring:hover {
color: #eeeeee;
font-style: normal;
font-weight: 500;
position: relative;
}

.tribe-events-list-separator-month span {
background-color: #22a5a5;
padding: 0 7.5%;
}

#tribe-events-content .tribe-events-calendar td.tribe-events-present.mobile-active:hover, .tribe-events-calendar td.tribe-events-present.mobile-active, .tribe-events-calendar td.tribe-events-present.mobile-active div[id*=tribe-events-daynum-], .tribe-events-calendar td.tribe-events-present.mobile-active div[id*=tribe-events-daynum-] a {
background-color: #22a5a5;
color: #fff;
}

#tribe-events-footer:after, #tribe-events-footer:before, #tribe-events-header:after, #tribe-events-header:before {
content: ”;
width: 1px;
height: 100%;
background-color: transparent;
position: absolute;
display: block;
top: 0;
z-index: 1;
}

.tribe-events-sub-nav li a {
display: block;
padding: 10px 20px 1000px;
color: #fff;
white-space: normal;
position: relative;
margin-bottom: -990px;
background: transparent;
}

.tribe-mobile-day-date {
text-transform: uppercase;
font-weight: 700;
font-size: 16px;
margin: 5px 0 0;
padding: 6px 10px;
background: transparent;
color: #fff;
line-height: 1;
}

.tribe-events-day .tribe-events-day-time-slot h5 {
font-size: 21px;
margin: 1.5em 0 .25em;
padding: 6px 10px;
background: transparent;
color: #fff;
text-align: center;
line-height: 1;
}

[Miller]

in google dev mode, i can see it and change it like this:

media=”only screen and (max-width: 768px)”
.tribe-events-loop .tribe-events-event-meta {
padding: 12px 0 15px;
margin-top: 12px;
background: none;
border: none;

but I do not know how to get that into my custom css.

[Author]

Posts