|
Luis Rosario
|
September 24, 2013 at 12:21 pm
So I’ve finally found the issue with css that has been a problem for some time now that I have posted before.. Apparently in the theme roller style sheets specifically redmond, my current theme uses ui-widget class for a different element in my theme, so theme roller keeps injecting it’s css for this element into the elements in my theme that have the same class. How can i fix this? Is there a way to re define the theme roller class?
<code>.ui-widget-content { border: 1px solid #a6c9e2; background: #fcfdfd url(images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x; color: #222222; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { border: 1px solid #4297d7; background: #5c9ccc url(images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }</code>
|
|
Jonathan Wilson
|
September 24, 2013 at 3:56 pm
Hi Luis,
Have you tried not using the ThemeRoller styles? You can turn them off in the Template Settings.
|
|
Luis Rosario
|
September 24, 2013 at 5:26 pm
yes I have and problem goes away, however, i do like using the styles minus this one issue. Is the only way to fix it is to not use them? Either way, probably would run into same issue as soon as I try to custom style when using those classes..
|
|
Sidney Harrell
|
September 24, 2013 at 8:19 pm
Usually you can make the rule specific to EE related items by adding an EE wrapper to the rule. So, if you were using ui-lightness themeroller, you would go into templates/css/themeroller/ui-lightness/style.css and find the rule that is causing the problem, line 62, for example, and change it to:
#event_wrapper .ui-widget-content { border: 1px solid #dddddd; background: #eeeeee url(images/ui-bg_highlight-soft_100_ee.ui-widget-contenteeee_1x100.png) 50% top repeat-x; color: #333333; }
|
