Support » Theme: Customizr » Child theme's style.css edits not working

  • I want to use this to style the body:

    body {
    background-image:url(‘http://sanmarcoslumber.com/images/19.gif’);
    background-repeat:repeat-x;
    }

    Apparently the custom CSS won’t accept this because of the ‘quotes’ special characters.

    The instructions say in this case to create a child theme and make the edit in the style.css, so I did so. None of the edits I make to the Child theme’s style.css are changing the style of the page.

    Any advice or suggestions that could help me?

Viewing 7 replies - 1 through 7 (of 7 total)
  • Kyle888,

    I’m not sure this is the correct answer for you, but:

    Sometimes I’ve found that I’m missing pieces of code from the parent theme that I didn’t think I needed.

    In other words, are you sure that the code snippet you are pasting is complete? Bootstrap seems to have several snippets in different parent locations that ALL need to be pasted into the child theme. Not sure this is right…just a thought.

    Another problem you might come up with is the following:

    Depending on the hosting service that you use, AND whether or not you are using a CDN (Content Delivery Network), your may have a caching service enabled that delays any changes to your Child Theme. Sometimes just deleting your cache, logging out, and then logging back in will then display your CSS changes.

    Every time I make changes to my CSS, I install WP Super Cache (choose your favorite plugin), enable it, delete my cache, and then uninstall the caching plugin. It seems to freeze up my site when I leave it installed. You might be able to delete your cache from the server side without installing a plugin.

    Maybe one of these ideas will help you out.

    Hi Kyle888,

    Do you have a link to your site that you can share? Also do you mind sharing your child theme code? Did you properly write the css preamble and and active your child theme? Once you create the child theme you of course need to active it and not the main theme.

    Let me know and I would be happy to help.

    Thread Starter Kyle888

    (@kyle888)

    OK, my site is: sanmarcoslumber.com

    Below is my child theme style.css code. Normally I would say this should be linking correctly because when you view the site, the pages are pulling in it’s styles from the parent theme, it’s just not able to use the test styles I added … but then the parent theme is different than most because the parent theme’s style.css page has no style rules on it so I don’t know where the parent theme is keeping the styles.

    /*
    Theme Name: Customizr-Child-Kyle
    Description: Child theme for the Customizr
    Author: Kyle Thomas
    Author URI: http://carlsbadwebsitedesign.net
    Template: customizr
    Version: 1.0.0
    */

    @import url(“../customizr/style.css”);

    /* The style rules below is what I used to test if this was working and as it turns out they are not working */

    body {
    background-color:black;
    }
    .marketing h2{
    color:red;
    }

    Thread Starter Kyle888

    (@kyle888)

    Hi Sapeshifter 3,

    It seems you got it right, and my site was caching. Sometime later when I viewed my published site, the test rules I created in my child theme style.css began to show up.

    Thank you to both you and bencaplan for your input!

    Hi there,

    I’m having the same problem. I have a WordPress Network that runs fine. If I create a Child theme I can see it in the admin area and activate it. But the CSS from the child style.css is not turning up on the frontpage it just shows its parents theme. It looks like the child css it is not loaded. I sheached in a lot of support forums already but no fix for me yet. Any one a clue?

    Let me know what you want to know on my setup.

    The development website is localy hosted.
    WP 3.6.1

    Theme:
    /themes/letsrefine/
    /themes/letsrefine-child/

    child style.css:

    /*
     Theme Name:     Lets Refine Child
     Theme URI:      http://www.developersdomain.nl/wp-content/themes/letsrefine-child/
     Description:    Lets Refine Child Theme
     Author:         Jacob Christoffels & Bart van der Valk
     Author URI:     http://www.bondjack.nl
     Template:       letsrefine
     Version:        1.0.0
    */
    @import url("../letsrefine/style.css");
    
    /* Theme customization starts here
    -------------------------------------------------------------- */
    
    body {background-color: gray;}
    
    h1 {font-size: 100px !important;}
    
    /* ============ Orange image fill =========== */
    
    /* Sub-menu */
    .sub-menu-container {background-image: url(images/new-color-fill-orange.gif) !important;} 
    
    /* Layout dashboard */
    .dashboard {background-image: url(images/new-color-fill-orange.gif);}
    
    /* Archives */
    .divider {background-image: url(images/new-color-fill-orange.gif);}
    
    /* Recent Post block1 */
    #latest-0 {background-image:url(images/new-color-fill-orange.gif);}
    
    /* social media buttons share */
    .icons-text {background-image:url(images/new-color-fill-orange.gif);}
    
    /* footer */
    .footer-menu-container {background-image: url(images/new-color-fill-orange.gif);}
    
    /* ============ Orange color fill =========== */

    Thx!

    As per the Forum Welcome, please post your own topic.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Child theme's style.css edits not working’ is closed to new replies.