Events page CSS

[Adam]

OK, fiddled around with this a little and couldn’t figure it out.

Here’s my events page:
http://theyouthcartel.com/events/
How do I get it to be this color? #e0d4bc

Typically, it’d look like this: (Thesis)
.custom.events .page {background: #e0d4bc;}

But that doesn’t seem to make a difference. Is it because you use a custom post type? If so, what do I need to do to make that page the right color?

Thanks!

[Rob]

Hey Adam. This one is a bit outside my area of expertise, but Jonah should be able to comment. Note that support is a bit ligher than normal this week (and extremely light next), but he should be able to get you a response before this Friday regardless.

[Adam]

Thanks. That’s great. I can wait… this is for a 1/2012 project anyway. 🙂

[Rob]

Perfect. Hopefully we can get you what you need here so you’re coming into the new year with an answer.

[Jonah]

Hi Adam,

You’ve got the background on the events page being set via this CSS:

body.custom .page {
background: #CE542B url(‘/container-texture.png’);
}

So you either need to remove that and apply that background to any other pages some other way. Or, figure out a way to apply the background to only the events pages. Unfortunately we don’t apply any body classes yet but you can try this workaround to filter the body class in thesis and add classes for when you are on events calendar pages. Try adding this to your functions.php file:


add_filter('thesis_body_classes', 'add_browser_classes');
function add_browser_classes($classes){
if(tribe_is_month() || tribe_is_event() || tribe_is_upcoming()) {
$classes[] = 'events';
}
return $classes;
}


Then you should have ‘events’ as a new body class that you can latch onto in your CSS and style the background accordingly.

Let me know whether or not that helps.

[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