WordPress.org

Ready to get started?Download WordPress

Forums

Identical Child Themes (8 posts)

  1. rnewton
    Member
    Posted 1 year ago #

    Thanks in advance.

    I have install a child theme for theme Twenty-eleven - works great.

    Installed another (style.css) the same way the on the same theme, Twenty-eleven, under different domain folder. One works and one doesn't. I have double check until all the turkey is gone.

    This one works:
    http://www.chicoforeclosure.com

    This one doesn't work:
    http://www.zoropage.com

  2. Andrew Nevins
    Barrel Rider, Spam Zapper & Volunteer Moderator
    Posted 1 year ago #

    This one doesn't work

    I'm not sure what you mean, on ZoroPage I can see this;

    <link rel="stylesheet" type="text/css" media="all" href="http://www.zoropage.com/wp-content/themes/Child 20-11/style.css">

    So it appears the Child Theme is attempting to load. I can't see any file-not-found errors so it appears the Child Theme is loading.

    What doesn't work?

  3. rnewton
    Member
    Posted 1 year ago #

    The way I am checking is by setting a background color. Zoropage.com is the one that does not respond to the background color change.

    Here's the css that is working:
    /*
    Theme name: Twentyeleven Child
    Description: Child theme for the twenty eleven theme
    Author: Rob Newton
    Template: twentyeleven
    */

    @import url("../twentyeleven/style.css");

    body{
    background:#333;
    }

    Here's the one that doesn't work:

    /*
    Theme name: Twentyeleven Child
    Description: Child theme for the twenty eleven theme
    Author: Rob Newton
    Template: twentyeleven
    */

    @import url("../twentyeleven/style.css");

    body{
    background:#333;
    }

  4. Andrew Nevins
    Barrel Rider, Spam Zapper & Volunteer Moderator
    Posted 1 year ago #

    You're not using specific enough CSS selectors.
    Try using !important to test your background style at first.
    Then later on, find the selector the parent is using that you need to use to override it.

  5. ClaytonJames
    Member
    Posted 1 year ago #

    I think it might be because you had the "dark style" option selected and saved in the twentyeleven parent theme settings on the zoropage.com site before you switched to your child theme.

    Your child theme seems to be loading both style.css and /colors/dark.css from the twentyeleven parent theme. That's just a guess (based on what I see in the source code - which includes /colors/dark.css).

  6. rnewton
    Member
    Posted 1 year ago #

    Thanks. I am really new at this.

    Where would I type !important?

    I'm not familiar enough with selectors, to find one in my parent theme.

  7. Andrew Nevins
    Barrel Rider, Spam Zapper & Volunteer Moderator
    Posted 1 year ago #

    Here's an article on using !important, but consider ClaytonJames' insight into dark.css overriding your Child Theme's CSS styles.

    To find CSS selectors and styles being applied to your website (revealing child theme or parent theme CSS), try a Browser Inspector Tool.

  8. rnewton
    Member
    Posted 1 year ago #

    Thanks!

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.