Permanently keeping changes to child theme

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

I assume you’ve seen this?

https://codex.www.ads-software.com/Child_Themes

Does you child theme’s css start with

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

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.

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.

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.

THANKS SOOOO MUCH FOR THE ASSISTANCE.

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

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.