Support » Themes and Templates » Permanently keeping changes to child theme

  • Resolved artist57


    Newbie to it all, but have created a child theme for my customizr theme for changing font color etc. I am using Firefox/Firebug to view elements and make changes. Now the problem (and yes this is probable too simple)all the changes I have made to the css revert back to the original when I refresh the site page. Three days of pulling hair and I cannot seem to discover the precise way to make the changes permanent.
    Please help this lost one.

Viewing 15 replies - 1 through 15 (of 19 total)
  • Moderator Andrew Nevins


    Front-end developer

    You’re making changes in Firebug, then refreshing the page and they’re reverting?

    I assume you’ve seen this?

    Does you child theme’s css start with

    Theme Name:     Twenty Twelve Child
    Theme URI:
    Description:    Child theme for the Twenty Twelve theme
    Author:         Your name here
    Author URI:
    Template:       twentytwelve
    Version:        0.1.0

    If you have a directory named theme-child and inside is a style.css that starts with the comments above and choose that child in you admin appearance settings there should be no issue.

    Yes I am using Firebug and I have imported the style-css but once I click on (I am trying to change color of font.) the specific element and change the color code it shows up on the webpage correctly but then reverts back to original once I refresh the webpage, this is after having closed the css area where I edited the color.

    Moderator Andrew Nevins


    Front-end developer

    Wait, you’re just entering the CSS in Firebug and then refreshing?

    Yes and like I said this most likely an easy problem, but I do not know where to click “save and close” if that exists.

    No that does not exist. You have to make changes in the theme – i.e. style.css of the child theme.

    Do I have to go to the HTML section and make a change there, if so I cannot see the color for the specific element within the HTML and therefore cannot edit it.

    Moderator Andrew Nevins


    Front-end developer

    Firebug is a debugging tool, it’s not meant to be used to save changes.

    You need to write your CSS into a Child Theme style.css file or more simply this Custom CSS Manager plugin‘s section of the dashboard.

    Great! Since this will not save the changes then I will follow your advice and check out the manager plugins. I did import the style.css file to create the working child theme but the file seems to be lacking so much of the parent file and I will have to study a little more to get it in the right way.


    And just so you know I got the idea of using the firebug from:

    Thanks again.

    You DO use Firebug – but then copy the code you want to change to the Child Theme – those changes will override the parent theme styles.

    Really must be dense because I need to ask this. If I change the css (color code, lets say) then do I copy everything between } and { to paste that into the style.css file just after the */ ????

    You really only need to copy the “selectors” and the line(s) you are changing – so let’s say Firebug showed you this:

    .marketing h2 {
        font-weight: normal;
        color: white;
        font-size: 14px;

    But you only want to change the color, then you only need to copy/add this:

    .marketing h2 {
        color: red;


    I will eventually do some serious study in the area of css and html editing but for now I just want to make small changes and the help and guidance I am receiving in this forum is great.
    Thanks for the pointer and I have just downloaded a file manager plugin that should aid me with this.
    Thanks again.

    I will consider this inquiry answered for now.

Viewing 15 replies - 1 through 15 (of 19 total)
  • The topic ‘Permanently keeping changes to child theme’ is closed to new replies.