WordPress.org

Ready to get started?Download WordPress

Forums

Techozoic Fluid
How would we go about overriding the CSS? (15 posts)

  1. lukejames1111
    Member
    Posted 1 year ago #

    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?

  2. esmi
    Theme Diva & Forum Moderator
    Posted 1 year ago #

    Do not edit the theme itself. First create a child theme for your changes. Or use a custom CSS plugin.

  3. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    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

  4. lukejames1111
    Member
    Posted 1 year ago #

    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.

  5. esmi
    Theme Diva & Forum Moderator
    Posted 1 year ago #

    Then I can only guess that your new CSS simply isn't specific enough,

  6. lukejames1111
    Member
    Posted 1 year ago #

    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.

  7. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    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.

  8. lukejames1111
    Member
    Posted 1 year ago #

    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.css

  9. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Where is the first (active) body styles coming from (Firebug shows you that too)?

  10. lukejames1111
    Member
    Posted 1 year ago #

    Well, that's the thing - I don't really know :/

    I took a screenshot to help you understand. http://i.imgur.com/rskvnau.png

  11. esmi
    Theme Diva & Forum Moderator
    Posted 1 year ago #

    A screenshot is of no use. What might help is a link to a page demonstrating the problem.

  12. lukejames1111
    Member
    Posted 1 year ago #

    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.

  13. Jeremy Clark
    Moderator
    Theme Author

    Posted 1 year ago #

    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.

  14. tanver
    Member
    Posted 6 months ago #

    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,

  15. celrod
    Member
    Posted 4 months ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.