Reply To: Change Background Color
Select the developer tools window.
In the bottom left corner of the developer tools window you should see a magnifying glass icon. If you hover over it you get the message: select an element in the page to select it
Once selected if you hover over items on the page it will show you extra details.
Click on an item, such as a page title and the developer tools window finds the html on the left side of the Elements tab.
On the right side you will see all the css rules relating to that particular html item.
Look down the list until you find a colour property that isn’t crossed out ( crossing out means the property has been over-ridden. )
Click on the colour and a selector should appear to allow you to change it. You should see the results straight away
If you deselect/untick the colour other colours that were previously crossed out may then be used.
Once you know which css rule is being affected, you then need to add it to your child theme.
So for instance to change the text colour and background of your theme you may be able to add something like
body {
background-color:#30F
color:#F00;
} Some simple colours are recognised by css, such as red.
You may need to add other selectors with body to increase the importance ( ability to over-write ) of the rule.
Hope that helps….
