Title: child theme css changes Last modified: August 20, 2016 --- # child theme css changes * Resolved [pgb](https://wordpress.org/support/users/pgb/) * (@pgb) * [13 years, 3 months ago](https://wordpress.org/support/topic/child-theme-css-changes/) * I have made a child theme of The Bootstrap successfully. I can’t make any css changes. I have imported the style.css and style.min.css. I can’t change the background color of the page div.Have I missed something? * ``` @import url('../the-bootstrap/style.css'); @import url('../the-bootstrap/style.min.css'); #page { background-color: #0656a2; } ``` * [http://wordpress.org/extend/themes/the-bootstrap/](http://wordpress.org/extend/themes/the-bootstrap/) Viewing 13 replies - 1 through 13 (of 13 total) * [DaleHawkes](https://wordpress.org/support/users/dalehawkes/) * (@dalehawkes) * [13 years, 3 months ago](https://wordpress.org/support/topic/child-theme-css-changes/#post-3451002) * I am also having similar problems with regards to using a child theme and the parent overwriting my child theme, where can I edit to make the child theme only look at the child theme CSS files? * Theme Author [Konstantin Obenland](https://wordpress.org/support/users/obenland/) * (@obenland) * [13 years, 3 months ago](https://wordpress.org/support/topic/child-theme-css-changes/#post-3451003) * Hi there, * There is no need to import other stylesheets in your child themes `style.css`. The Bootstrap recognizes that there’s a child theme, uses the child theme’s ` style.css`, and adds its own stylesheet and the default Bootstrap styles as dependencies. * [esmi](https://wordpress.org/support/users/esmi/) * (@esmi) * [13 years, 3 months ago](https://wordpress.org/support/topic/child-theme-css-changes/#post-3451004) * **[@konstantin](https://wordpress.org/support/users/konstantin/) Obenland**: As per the [Forum Welcome](http://codex.wordpress.org/Forum_Welcome#Where_To_Post), please post your own topic. Posting in an existing topic prevents us from being able to track issues by topic. Added to which, your problem – despite any similarity in symptoms – is likely to be completely different. * Thread Starter [pgb](https://wordpress.org/support/users/pgb/) * (@pgb) * [13 years, 3 months ago](https://wordpress.org/support/topic/child-theme-css-changes/#post-3451013) * Thank you Konstantin. I still can’t change the css. I have made child themes for other themes which all work well. Below is my style.css code * ``` /* Theme Name: The Bootstrap Child Version: 1.0 Theme URI: Description: A child theme for The Bootstrap Author: pgb Template: the-bootstrap */ @import url(../the-bootstrap/style.css); #page { background-color: #0656a2; } h1 { font-size: 30px; } ``` * The background color doesn’t change and the h1 doesn’t get smaller. Do you have any other suggestions? Thanks. * [malissas](https://wordpress.org/support/users/malissas/) * (@malissas) * [13 years, 3 months ago](https://wordpress.org/support/topic/child-theme-css-changes/#post-3451043) * I am having the same issue as well. It doesn’t matter what changes I make to the child style.css there is no change to the website at all. * [jmjf](https://wordpress.org/support/users/jmjf/) * (@jmjf) * [13 years, 3 months ago](https://wordpress.org/support/topic/child-theme-css-changes/#post-3451048) * [@pgb](https://wordpress.org/support/users/pgb/), In your code sample, you’re still importing the parent theme’s style. As Konstantin explained, you don’t need to do that. * Please post a link to the site. * [malissas](https://wordpress.org/support/users/malissas/) * (@malissas) * [13 years, 3 months ago](https://wordpress.org/support/topic/child-theme-css-changes/#post-3451055) * Hi, it appears that for some reason functions.php is not listing style.css To test, I copied the below in between tw-bootstrap and the-bootstrap and deleted{ $suffix}, and it loaded style.css . I wouldn’t suggest this as a fix as I really don’t know enough about bootstrap or php to even be dangerous. * ``` wp_register_style( 'the-bootstrap', get_template_directory_uri() . "/style{$suffix}.css", array('tw-bootstrap'), $theme_version ); ``` * Thread Starter [pgb](https://wordpress.org/support/users/pgb/) * (@pgb) * [13 years, 3 months ago](https://wordpress.org/support/topic/child-theme-css-changes/#post-3451058) * I’m working locally. I’m giving up with this theme. Although it’s very good I’m not getting anywhere with it. I can’t make any changes. * [malissas](https://wordpress.org/support/users/malissas/) * (@malissas) * [13 years, 3 months ago](https://wordpress.org/support/topic/child-theme-css-changes/#post-3451060) * It works for me if I edit style.min.css, did you try that? * [jmjf](https://wordpress.org/support/users/jmjf/) * (@jmjf) * [13 years, 3 months ago](https://wordpress.org/support/topic/child-theme-css-changes/#post-3451062) * [@malissas](https://wordpress.org/support/users/malissas/), The parent theme uses style.min.css, a minified version of style.css. But if you have to edit style.min.css, that suggests you aren’t using a child theme. Are you using a child theme or are you editing the-bootstrap directly? * [jmjf](https://wordpress.org/support/users/jmjf/) * (@jmjf) * [13 years, 3 months ago](https://wordpress.org/support/topic/child-theme-css-changes/#post-3451063) * [@pgb](https://wordpress.org/support/users/pgb/), this is the top of my child theme’s css * ``` /* Theme Name: Custom Bootstrap Theme URI: Author: jmjf Author URI: Description: My customized version of The Bootstrap theme Version: Tags: Text Domain: Template: the-bootstrap */ #page {background-color:#555;} ``` * I added the #page setting to test the issue you describe. (I also change the size of h1-h6 in my child theme, among other changes.) When I reload the page after saving this, the content area is dark gray. I’m not sure what, but if you have something similar in your child theme’s style.css and it doesn’t work, my best guess is that something is configured strangely in your WordPress environment. * Thread Starter [pgb](https://wordpress.org/support/users/pgb/) * (@pgb) * [13 years, 3 months ago](https://wordpress.org/support/topic/child-theme-css-changes/#post-3451064) * Thank you everyone, perhaps jmjf is right, maybe something is configured strangely in my WP environment. I’m trying other themes with child themes and they all work well. I’ll give up on The Bootstrap now. * [Leah](https://wordpress.org/support/users/gezan/) * (@gezan) * [13 years, 2 months ago](https://wordpress.org/support/topic/child-theme-css-changes/#post-3451084) * [@pgb](https://wordpress.org/support/users/pgb/) * You are missing the Apostrophe’s: * wrong: [@import](https://wordpress.org/support/users/import/) url(../the-bootstrap/ style.css); * right: [@import](https://wordpress.org/support/users/import/) url(‘../the-bootstrap/ style.css’); Viewing 13 replies - 1 through 13 (of 13 total) The topic ‘child theme css changes’ is closed to new replies. * ![](https://i0.wp.com/themes.svn.wordpress.org/the-bootstrap/2.0.3/screenshot. png) * The Bootstrap * [Support Threads](https://wordpress.org/support/theme/the-bootstrap/) * [Active Topics](https://wordpress.org/support/theme/the-bootstrap/active/) * [Unresolved Topics](https://wordpress.org/support/theme/the-bootstrap/unresolved/) * [Reviews](https://wordpress.org/support/theme/the-bootstrap/reviews/) ## Tags * [child theme](https://wordpress.org/support/topic-tag/child-theme/) * 13 replies * 7 participants * Last reply from: [Leah](https://wordpress.org/support/users/gezan/) * Last activity: [13 years, 2 months ago](https://wordpress.org/support/topic/child-theme-css-changes/#post-3451084) * Status: resolved