Overriding style_default.css with a child_theme
Hello there!
From somebody's suggestion, to modify the theme without losing the changes next time it's updated, I created a small child theme.
I followed the tutorial recommended on this AppThemes's website and created a CSS file as follows:
Code:
/*
Theme Name: Modified JobRoller
Template: jobroller
Version: 1.0
*/
@import url("../jobroller/style.css");
@import url("../jobroller/styles/style-default.css");
Modifications of whatever is declared on style.css works out fine.
But as soon as I'd like to modify something that is on style-default.css it doesn't work.
For instance, removing the white border on the #header div doesn't work.
Code:
/*
Theme Name: Modified JobRoller
Template: jobroller
Version: 1.0
*/
@import url("../jobroller/style.css");
@import url("../jobroller/styles/style-default.css");
#header{border:0;}
I tried to create a /styles/ folder into my child theme + a file called style-default.css, but it doesn't work as well.
Many thanks for the help!