Skip to:
Content
Pages
Categories
Search
Top
Bottom

[Resolved] Child theme styles being overrided?

  • I’m trying to make my website fixed width. I change the width of the header with no problems… but when i change the container div using the following css, it overrides it:
    #container{ background: #EAEAEA; width: 960px;}

    I could understand if it’s inheriting it’s width from another div, but I don’t understand why the background color does not work?

Viewing 1 replies (of 1 total)
  • found a fix. After looking at the default.css here was the code which was overriding my css:
    div#container {
    background: #fff;
    border-right: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    overflow: hidden;
    position: relative;
    width: 100%;
    }

    So i changed my CSS from:
    #container{ background: #EAEAEA; width: 960px;}
    to:
    div#container{ background: #EAEAEA; width: 960px;}

    Works now.

Viewing 1 replies (of 1 total)

You must be logged in to reply to this topic.