I am using the gutenberg + the late show theme and there's a problem with the background color.

http://doomsdayshopper.com/files/SS-04-12-0043.png

http://doomsdayshopper.com/files/SS-04-12-0044.png

as you can see the background of certain things doesn't look right. I went into photoshop and found the color code as #dddddd but I can't find where thats located.

How do I change this?

Thanks!
-Zak

Comments

marcvangend’s picture

In lots of people's humble opinions, the best method to answer this kind of questions is:

- Install the FireFox browser (if you don't have it already)
- Install the Firebug add-on (a plug-in for FireFox)
- Open the website in FireFox
- Open the Firebug panel by clicking the icon in the bottom-right corner (a grey or green circle)
- (You will have to enable Firebug the first time you use it)
- Choose 'Inspect' in the top-right corner of the Firebug panel
- Click the element on your website you want to know more about
- Now, Firebug will show you everything you need to know, such as the html structure and css styles, including the css files, applicable css selectors and even the line numbers where they are located.
- If you feel like experimenting, edit the css directly in Firebug and see what happens. When you figured out the styling you need, add it in you css files.