CSS in child theme not overriding the parent theme

  • tabster

    #4167

    Hi Guys,

    I have been reading this forum for a few weeks now and found alot of useful info on here!

    I am trying to customise the theme but whatever changes I make in the child CSS seem to be ignored.

    For example the simple task of moving the social media icons to the right of the topbar does not work, however if I make the same changes in the parent CSS it works?

    I am trying to avoid messing with the parent CSS for obvious reasons.

    Any guidance would be appreciated, I have created the folder “graphene-child” in the themes folder and using the css below:

    /*
    Theme Name: Graphene Child
    Theme URI: http://www.ahtuning.co.uk
    Description: Child theme for the Graphene theme
    Author: Aftab Hussain
    Author URI: http://www.ahtuning.co.uk
    Template: graphene
    Version: 1.0
    */
    @import url("../graphene/style.css");

    /*
    #rss {
    float: right;
    }
    #top_search input {
    float: right;
    margin-right: 10px;
    width: 50px;
    }
    #top_search button {
    float: right;
    margin-right: 10px;
    }
    */
    Mod

    Kenneth John Odle

    #27484

    /* is the opening comment markup and */ is the closing comment markup, so anything between them will be ignored. It should look like this:

    /*
    Theme Name: Graphene Child
    Theme URI: http://www.ahtuning.co.uk
    Description: Child theme for the Graphene theme
    Author: Aftab Hussain
    Author URI: http://www.ahtuning.co.uk
    Template: graphene
    Version: 1.0
    */
    @import url("../graphene/style.css");

    #rss {
    float: right;
    }
    #top_search input {
    float: right;
    margin-right: 10px;
    width: 50px;
    }
    #top_search button {
    float: right;
    margin-right: 10px;
    }

    If you use Notepad++ to edit these files, anything commented out will appear in green, so you will automatically know if this is an issue.

    Cheers,

    Ken

    tabster

    #27485

    Aha now I see, I edit it directly from wordpress editor so it didn’t stand out,

    Thanks for the fast reply 🙂

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

Do NOT follow this link or you will be banned from the site!