How would we go about overriding the CSS?
-
I’m wanting to chop and change almost everything in this, which I can’t do in the Techozoic Settings, so I thought about opening up the style.css page, but nothing takes effect as it is over ridden by the Techozoic CSS.
Any ideas?
-
Do not edit the theme itself. First create a child theme for your changes. Or use a custom CSS plugin.
You should not make any changes to the style.css file – rather use a Child Theme http://codex.wordpress.org/Child_Themes
Then you will need to use CSS selectors that will override the existing CSS: http://www.w3schools.com/cssref/css_selectors.asp
Do not edit the theme itself. First create a child theme for your changes. Or use a custom CSS plugin.
You should not make any changes to the style.css file – rather use a Child Theme http://codex.wordpress.org/Child_Themes
Then you will need to use CSS selectors that will override the existing CSS: http://www.w3schools.com/cssref/css_selectors.asp
Thanks guys, but this does not work. The style is still being over ridden by the “built in” style that this theme offers.
Then I can only guess that your new CSS simply isn’t specific enough,
Then I can only guess that your new CSS simply isn’t specific enough
I don’t understand? I can’t do changes like changing the background, which I’d rather much do in CSS than the ‘user friendly’ way of uploading images etc.
Unless you post a link to your site, no way for anyone to help you with this kind of issue. What does a browser tool such as Firebug show you? If you have mark-up errors those can also interfere with CSS working as intended so validating your pages is a good step as well.
Unless you post a link to your site, no way for anyone to help you with this kind of issue. What does a browser tool such as Firebug show you? If you have mark-up errors those can also interfere with CSS working as intended so validating your pages is a good step as well.
Thanks for your reply, but currently I’m working locally – I’ll see if I can get it uploaded somewhere. This is what Firebug is showing me.
body { font: normal 14px/1.3em Arial, 'Helvetica Neue', Helvetica, sans-serif, Sans-Serif; background: #A0B3C2 url() repeat top center scroll; } localhostmedia="screen" body { background: url(../techozoic-fluid/images/bg.png); color: #333; font-family: "Lucida Sans Unicode" , "Lucida Grande", Sans-Serif; font-size: 12px; margin: 0; padding: 0; line-height: 1.5em;
With the second
body{}
scored out and showing that it is coming from my childs theme style.cssWhere is the first (active) body styles coming from (Firebug shows you that too)?
Well, that’s the thing – I don’t really know :/
I took a screenshot to help you understand. http://i.imgur.com/rskvnau.png
A screenshot is of no use. What might help is a link to a page demonstrating the problem.
A screenshot is of no use. What might help is a link to a page demonstrating the problem.
I’ve already said I can’t do that as I’m working locally.
Anyway, I’ve binned this theme off and I’m creating my own.
Sorry you weren’t able to get your child theme working. The styles were being overridden by the styles for all the options, the are output to the head of the theme. Every style there should have been able to be overridden simply by being more precise in the child theme. Adding body in front of the selectors should work for almost everything. There’s only a dew that would require more precise than that.
I’ll look into how to make it more child theme friendly though.
Hi Jeremy,
Unfortunately it still is not child theme friendly, have just started with a child theme and have found
1: I am unable to have separate menu’s for my child theme and
2: am unable to use the Fixed Width Layout either [the dynamic css elements still consider the values as entered percentage]I will appreciate if you can suggest a way to tackle these issues.
This otherwise is a great theme! thanks for providing something like this.
Warm Regards,this theme comes with a built in child theme under appearance you will see an option “Techozoic Settings”, click on that and then click on the tab labed “CSS”, you put your over ride css code in there and yes it works because that is what I am using.
- The topic ‘How would we go about overriding the CSS?’ is closed to new replies.