Support » Fixing WordPress » How do I change the background color of the showcase template?

  • I am a novice working on my first WordPress website. I have been able to change the background color of my pages, however, I have a showcase template for my home page and the background color did not change on this page. In the area, where recent posts are show, my background color is showing. Can someone advise me how I can make this change? Thanks for the assistance. My site is:


Viewing 8 replies - 1 through 8 (of 8 total)
  • Drew Jaynes


    WordPress Core Developer

    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.

    Good Guy


    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?
    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!

    Good Guy


    I tied this code on my test site and it worked:{
    	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.,

    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.


    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)

    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-color: lime;

    Hi, can anyone help me with this? My site is 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]

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘How do I change the background color of the showcase template?’ is closed to new replies.