Events List CSS

[Derek]

I’ve changed everything else I wanted to, except I can’t figure these 2 things out…

There is a gray bar at the top and bottom of the page that I want to get rid of.

And I’d like to get rid of the white background behind the date, “September 2013”

[Barry]

Hi Derek!

Are you comfortable adding custom CSS rules to your own tribe-events.css stylesheet (if not, do take a look at our Themer’s Guide first of all).

And I’d like to get rid of the white background behind the date, “September 2013″

Try adding this rule:

.tribe-events-list-separator-month span { background: none; }

There is a gray bar at the top and bottom of the page that I want to get rid of.

Try adding this rule:

.events-list #tribe-events-footer, .tribe-events-list-separator-month:after { border: 0 }

Does that help here?

[Derek]

Thanks, Barry. Yes, I’m comfortable with that.

Everything worked except I can’t get rid of the gray line at the top (behind the month, “September 2013”). I tried…

.tribe-events-list-separator-month {
display: block;
text-transform: uppercase;
font-weight: bold;
font-size: 34px;
margin: 0 0 0;
background: none;
padding: 6px 10px;
border: 0;
}

.tribe-events-list-separator-month + .vevent.hentry.tribe-events-first {
padding-top: 0;
border: 0;
}

.tribe-events-list-separator-month span {
background: none;
border: 0;
}

[Barry]

I’m not actually seeing the second rule I suggested anywhere in your stylesheets – can you confirm which stylesheet you added that to?

[Derek]

Sorry, I missed that one! Everything’s good, thanks!

[Barry]

Excellent!

[Support Droid]

This topic has not been active for quite some time and will now be closed.

If you still need assistance please simply open a new topic (linking to this one if necessary)
and one of the team will be only too happy to help.

[Author]

Posts