Web Hosting
  1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Changing background color

Discussion in 'Troubleshooting & How-To's' started by SpencerSparrow, Jul 31, 2017.

  1. SpencerSparrow

    New Member

    Joined:
    Jul 31, 2017
    Messages:
    1
    Likes Received:
    0
    I’m building a site that has three distinct areas. Each area is product specific so I want to assign each area its own color, on the catalog page only. I found this code but it also changes the background on the Single Product page, which I don’t want.

    .woocommerce #main {
    background-color: #eaf0f1;
    background-image: none;
    }
    This code changes the background color of the product box, with the color showing through the white space between products. It looks nice because the spaces are narrow but what I really want is a full background color on the actual page so that the color frames the product box, which I want to keep all white.

    Can this be done with CSS? If so, how, and how do I assign the three different color? I’m a newbie so any and all help is appreciated. Thanks so much.
     
    #1

Share This Page

Web Hosting