Wordpress child theme styles over ridden by parent theme styles -

i trying develop child theme theme designfolio, have created folder named 'mychild' , put style.css in themes/mychild/style.css.

/* theme name:     proudeon theme uri:      http: //www.presscoders.com/designfolio description:    child theme designfolio theme author:         sunilkumar author uri:     http: //www.presscoders.com/ template:       designfolio version:        0.1.0 */  @import url("../designfolio/style.css"); #header { height: 450px; border:1px solid red; } #header-container, .footer-widget-container{ background: none repeat scroll 0 0 red;      } 

but changes not reflecting .i have installed child theme , can edit child themes style.css wordpress editor.

i can see new child styles firebug inspect element, not active . when hide parent styles firebug inspect element , can see new styles reflected in site.

please me find out issue

thanks proud

try adding !important in each style line.

for example:

#header { height: 450px !important; border:1px solid red !important; }