CSS Background

[cybersprout]

There are a few area where I can’t seem to remove the background.

List view, for example: http://explorealex.com/events/list/?tribe-bar-date=2015-11-10

Element classes: “tribe-events-loop vcalendar”

And these ones on mobile class
-“tribe-events-venue-details”
-“tribe-events-event-meta vcard”

A few of my (failed) solutions:

div..tribe-events-loop.vcalendar {background-color: none !important;}
div.tribe-events-venue-details {background-color: none !important;}

Thanks for any help!

[Cliff]

Thanks for the detailed request. This is what I see now:

Is this NOT what you want? You want the semi-transparent black to be 100% transparent (i.e. no background at all)???

If yes, div.wrapper seemed to be the one adding the background:

If you need more help, please confirm exactly what you DO want the design to be.

P.S. You had two periods in one of your bits of code: ‘div..tribe-‘

Let me know how it goes for you!

[cybersprout]

I should have been a bit more specific. It’s just these small areas that are white and need to be transparent:

Thanks for the help!

[Cliff]

Please provide the link that accompanies that screenshot so I can take a look.

[cybersprout]

URL: http://explorealex.com/events/list/

The suspect areas are most apparent in mobile view.

[Cliff]

Please try this:

#tribe-bar-collapse-toggle,

.tribe-events-loop .tribe-events-event-meta,

.tribe-events-list-separator-month {

background-color: transparent;

}

You can add custom CSS code via your child theme’s style.css file or via a plugin like Simple Custom CSS or, my favorite, Jetpack. Jetpack supports regular CSS and the LESS and Sass pre-processors.

[cybersprout]

That did the trick! I had to add the !important property but it’s all good. Thanks for the help!

[Cliff]

Glad to help. Thanks for letting me know it worked for you 🙂

[Author]

Posts