Topic: [Resolved] Child theme styles being overrided? · BuddyPress.org

Skip to:: Content; Pages; Categories; Search; Top; Bottom

[Resolved] Child theme styles being overrided?

@jaredvd

Member

12 years, 8 months ago

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)

@jaredvd

Member

12 years, 8 months ago

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)

The topic ‘[Resolved] Child theme styles being overrided?’ is closed to new replies.