Sparkling Header color

Look for:

.navbar.navbar-default {
background-color: #363636;
font-family: ‘Open Sans’,serif;
margin-bottom: 0;
font-weight: 500;
}

in any of your CSS files, the debugger in Firefox says
https://ketodietplanmenu.com/wp-content/cache/minify/a712d.css
but as the URL contains “cache” and “minify”, the actual source file could be some other

I tried to put the css code you gave me into simple custom css plug in, no change.
Also I use chrome.

• This reply was modified 7 years, 6 months ago by tal262.

There’s no need to use any plugin for customizing the css..
Just go to “Appearance”->”Editor” in the menu to the left, pre-selected file will be “styles.css”, and that’s where I put all my modifications in my Sparkling child theme.

Chrome has similar debugging tools like Firefox, but I’m not used to their browser. Finding the correct class to modify is the first step, then it’s just as simple as adding the code with the modifications in the css-file.

If you added the code exactly as provided, there will be no change as I just copied it from the debugger.. To make visible change, set the background color to “crazy-red” or something:

.navbar.navbar-default {
background-color: #FF0000;
font-family: ‘Open Sans’,serif;
margin-bottom: 0;
font-weight: 500;
}

You have to find the desired color code yourself. Trial and error or a color-picking plugin for the broswer. You probably know that the parts of the code is amounts of red, green and blue.

You can try achieving this by adding the following CSS code in the Custom CSS option of the latest version of Sparkling theme on the below path.

Admin Area -> Appearance -> Customize -> Additional CSS

.navbar.navbar-default {
background-color: #31ff00;
}