How do I change the background color of the showcase template?

Hi djlblair,

It appears the Showcase theme doesn’t provide an option to change the background color. However, I managed to change it by adding a background property to the body selector via Appearance > Editor > style.css

You’ll want to open the editor to the stylesheet, look for the body selector near the top and below font-size: 14px; add background: #yourhexcolorhere;

Hope that helps.

If you don’t want to change the original css file then you can use the child’s style.css file and insert the following code:

body {
	background-color: #f9f9f9 !important;
}

Notice that I have added !important; at the end to signify that this is to replace the inherited value.

Hope this helps.

@drew, I am sorry, I must seem dense, but I am so new to this, I am having difficulty. I looked in the syle.css file of my main twentyeleven theme to try to find the code you specified, so I would know what to add to my twentyeleven child theme and I’m not sure where I am looking. Do I want to do this in the style.css or the showcase.php?

@mytaxsite.co.uk
I tried adding that code to my child theme, I had already changed the color in my theme options, but it still did not change the showcase theme page. This is the only page that did not change, all others changed.

Thanks for the assistance!

I tied this code on my test site and it worked:

body.page-template-showcase-php{
	background-color: red;
}

This test clearly demonstrates that only one page’s background is changed so you need to use unique a class of page-template-showcase-php to make sure all showcase pages have the same color that are different from other pages.

mytaxsite.co.uk,

Thanks for your assistance. I tried the code that you listed and when I checked my site, the background color flashed red (I use a custom background photo) and then reverted to the custom background (I use a custom background photo). However, the background is not what I am trying to change. I am trying to change the background color of the page. If you look at About Us page on my site, you will see the difference from the home page. The background of the about us page (where my text is located) is a cream color while the background color of the Home showcase page is white.

You will note on the home page (showcase template) that at the bottom where there is normally the recent posts (which I removed) is normally located, there is a strip of the correct color. This is just above the footer widget.

Perhaps I am not explaining correctly the area I am speaking of. As I said, I am a total novice.

Debbie

I am also trying to change the background of the content section of a showcase page. However I would like to change it to a picture. Is this possible?

(Black section behind showcase slides changed to woodgrain)
snappedcore.com

I am also trying to change the background of the content section of a showcase page. However I would like to change it to a picture. Is this possible?

Try this:

#content {
	background-image:url('your-image.jpg');
	background-color: lime;
}

Hi, can anyone help me with this? My site is https://www.onlinepsychicadvisors.com. I got the background color changed, but I cannot figure out how to change where it is still white. Around the top pictures, and also around the arrow below the pictures. I did change the color around the arrow a couple of time, but it took the arrow away. I want to keep the arrow there. I hope someone can help with this, I have been racking my brains going through each catagory, but nothing is changing. I am working with the Revolutions Lifestyle Theme.

[Create your own thread]