WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Permanently keeping changes to child theme (20 posts)

  1. artist57
    Member
    Posted 1 year ago #

    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.

  2. Andrew
    Forum Moderator
    Posted 1 year ago #

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

  3. core-basic
    Blocked
    Posted 1 year ago #

    I assume you've seen this?

    http://codex.wordpress.org/Child_Themes

    Does you child theme's css start with

    /*
    Theme Name:     Twenty Twelve Child
    Theme URI:      http://example.com/
    Description:    Child theme for the Twenty Twelve theme
    Author:         Your name here
    Author URI:     http://example.com/about/
    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.

  4. artist57
    Member
    Posted 1 year ago #

    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.

  5. Andrew
    Forum Moderator
    Posted 1 year ago #

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

  6. artist57
    Member
    Posted 1 year ago #

    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.

  7. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

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

  8. artist57
    Member
    Posted 1 year ago #

    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.

  9. Andrew
    Forum Moderator
    Posted 1 year ago #

    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.

  10. artist57
    Member
    Posted 1 year ago #

    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.

    THANKS SOOOO MUCH FOR THE ASSISTANCE.

  11. artist57
    Member
    Posted 1 year ago #

    And just so you know I got the idea of using the firebug from:http://www.ostraining.com/blog/wordpress/firebug-wordpress-css/

    Thanks again.

  12. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    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.

  13. artist57
    Member
    Posted 1 year ago #

    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 */ ????

  14. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    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;
    }

    `

  15. artist57
    Member
    Posted 1 year ago #

    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.

  16. artist57
    Member
    Posted 1 year ago #

    I will consider this inquiry answered for now.

  17. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    file manager plugin

    What plugin?

  18. artist57
    Member
    Posted 1 year ago #

    Custom CSS Manger for WordPress - Plugin.

  19. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    If you have a child theme, you don't need that at all - and it will likely cause more confusion if you put your CSS in more than one place. I'd stick with the child theme.

    That plugin doesn't give you any more "help" with how to make CSS changes - it just makes a place for it. So really, just keep working and practicing with Firebug and ask questions when you need to...it gets easier as you do a bit more :).

  20. artist57
    Member
    Posted 1 year ago #

    Reposted under new thread.

Topic Closed

This topic has been closed to new replies.

About this Topic