how to change background color of header

Rick Cheney
(@rcstp)

8 years, 6 months ago

I am using Train theme. I would like to edit the .css file to change the background color of the header section. When I right-click the header area in Google Chrome browser, it shows the style is coming from “index”. What file do I edit for these “index” changes?

Viewing 8 replies - 1 through 8 (of 8 total)

lisa
(@contentiskey)

8 years, 6 months ago

please share link to your website
are you using a child theme?
are you using a CSS editor plugin?
Thread Starter Rick Cheney
(@rcstp)

8 years, 6 months ago
http://mnforens.queticotopomaps.com/mnforens/

Sorry about forgetting the link. Thanks for your help.

I am not using a child theme. I’m editing with the File Manager Code Editor.
- This reply was modified 8 years, 6 months ago by Rick Cheney.
- This reply was modified 8 years, 6 months ago by Rick Cheney.
lisa
(@contentiskey)

8 years, 6 months ago
File Manager Code Editor> sounds like you are editing the parent (original) theme.
The changes will be overwritten with the next theme update.

I would recommend any CSS changes are done using a CSS editor plugin.
Here is one option:
https://wordpress.org/plugins/simple-css/

to change the color to red, try to do it with this CSS element. (do not edit the parent theme CSS file)
```
.logo-menu {
    background-color: #fb7d78;
    }
```
- This reply was modified 8 years, 6 months ago by lisa.
Thread Starter Rick Cheney
(@rcstp)

8 years, 6 months ago

Thanks Lisa, I will setup a child theme and use a CSS editor plugin. What file do I edit to find this “index”? Is that a .css file? Or, a .php file?

lisa
(@contentiskey)

8 years, 6 months ago

do not edit “index” to change colors (design).

if you are using a child theme, you will be setting up a CSS file for your changes.
https://codex.wordpress.org/Child_Themes

some changes also can be controlled in the customizer area of WordPress dashboard—-but not all

Thread Starter Rick Cheney
(@rcstp)

8 years, 6 months ago

The customizer area of the WordPress dashboard does not have any place to change the header background color. I setup a child theme and made the changes in the child them and also in the main theme and I added !important to the changes but all changes get overwritten by the “index”

kmessinger
(@kmessinger)

8 years, 6 months ago

You can also post to support for the theme, https://wordpress.org/support/theme/train

lisa
(@contentiskey)

8 years, 6 months ago

for CSS changes, too much can work against your efforts.
make the change in CSS file of a properly working child theme.
it may not show instantly if the cache is slow (happens to me sometimes)