WordPress.org

Ready to get started?Download WordPress

Forums

[closed] How do I change the background color of the showcase template? (9 posts)

  1. djlblair
    Member
    Posted 2 years ago #

    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: http://66.147.244.111/~amazoni7/

    Debbie

  2. 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.

  3. Good Guy
    Member
    Posted 2 years ago #

    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.

  4. djlblair
    Member
    Posted 2 years ago #

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

  5. Good Guy
    Member
    Posted 2 years ago #

    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.

  6. djlblair
    Member
    Posted 2 years ago #

    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

  7. snappedcore
    Member
    Posted 2 years ago #

    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

  8. playing2012
    Member
    Posted 2 years ago #

    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;
    }
  9. xsil11
    Member
    Posted 1 year ago #

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

Topic Closed

This topic has been closed to new replies.

About this Topic