Home Forums Event Espresso Premium ThemeRoller Styles conflicts with my Theme-CSS

ThemeRoller Styles conflicts with my Theme-CSS

Posted: July 5, 2012 at 12:09 am

Marko Geisler

July 5, 2012 at 12:09 am

Hello everyone πŸ™‚

I have a problem with the new introduced ThemeRoller feature :-/

The ThemeRoller CSS is destroying the look of a Slideshow, we have on the frontpage (See ). I use the ThemeRoller Style “start” and the theme “magazine premium”. Normally, there would be round corners, no ugly light green frame around the active slide and so on…

Is there a way to use the ThemeRoller Style only on Event Espresso Elements, so it wont affect anything else? Or do you have any other idea for a solution?

Best regards,


  • Support Staff

July 5, 2012 at 10:21 am

You could either change the theme styles or the themeroller styles to target these elements at a greater level of specificity. It looks like it’s the .ui-state-active class is where both the theme and the themeroller are clashing. You could use the home page body class to add more specificity to the style rules that are supposed to declare to styles for the home page elements.

Marko Geisler

July 6, 2012 at 4:39 am

Hey Josh,

thanks for the quick answer and your help πŸ™‚

i solved the problem by commenting out the ui-state part of the ThemeRoller-CSS and using .event_title.ui-widget-header to specify the widget header only for the event titles πŸ˜‰

Does EE use the ui-state classes in the future version?

Best regards,


  • Support Staff

July 6, 2012 at 8:38 am

It most likely will.

Marko Geisler

July 21, 2012 at 1:17 am

I thought about this know a little bit, but i think the uber-class of event espresso is “event-display-boxes” right?

So if one adds this as a dependency to all themeroller-styles, it would force the themeroller-css to only work on event espresso parts of the site, right?

EDIT: Okay, that thought was false…Found it out myself…

  • This reply was modified 11 years, 9 months ago by  Marko Geisler. Reason: found sth. out myself

The support post ‘ThemeRoller Styles conflicts with my Theme-CSS’ is closed to new replies.

Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.

Event Espresso