Child themes with Modular CSS, help!!!!!!

  • Resolved Cerilia

    (@cerilia)


    12 years, 11 months ago

    I’m going crazy here, I am trying ‘in vain’ to create a child theme of Mazine theme… everything looks great, but yeah sure thats because its still pulling the css from the parent. I just cant see where I’m going wrong! It appears to pull in the style.css but the modular css is the parent!

    code
    /*
    Theme Name: KoolBee_child
    Description: KoolBee child theme
    Author: Cerilia
    Template: mazine
    Version: 0.1

    (optional values you can add: Theme URI, Author URI, Version)
    */

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

    @import url(“../mazine/css/fonts/fonts.css”);

    @import url(“../mazine/css/reset.css”);

    @import url(“../mazine/css/960.css”);

    @import url(“../mazine/css/styles.css”);

    @import url(“js/fancybox/jquery.fancybox-1.3.4.css”);

    @import url(“js/jquery-tooltip/jquery.tooltip.css”);

    code

Viewing 4 replies - 1 through 4 (of 4 total)

  • just make any changes to the css in the style.css file of your child theme.

    if your parent theme mazine/style.css has

    h1 { color: #3fd4ab; }

    and you’d rather it was

    h1 { color: #fff; }

    just add that new line to the koolbee theme’s style.css file

    it’ll override the parent’s css settings.

    Thread Starter Cerilia

    (@cerilia)

    Genius, it works!!!

    Many many thanks

    you’re welcome (ironically you’d done the hardest part in creating the child theme, most people struggle with that bit!) ??

    Thread Starter Cerilia

    (@cerilia)

    I literally couldn’t see the wood from the trees so to speak…

    I was fixated on actually mirroring the css in the parent and customising the css in relevant child folders, it didn’t dawn on me to merely add code to the style.css and let it cascade down… I suppose the clue is in the name! ??

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Child themes with Modular CSS, help!!!!!!’ is closed to new replies.