• Resolved nellik22

    (@nellik22)


    Hello!

    Is is any way one can change the background color of the webshop? I have a nice blue background on my site, but would love it to be white in the product page!

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Nicola Mustone

    (@nicolamustone)

    Automattic Happiness Engineer

    Hello,
    This is usually possible in the Customizer, via theme options, or custom CSS.

    Did you try talking to the theme author about it? Maybe they can help you with their theme options or custom CSS.

    Also, if we could see the shop page we might be able to help further! It seems as the site is in maintenance mode now.

    Thread Starter nellik22

    (@nellik22)

    Hello,

    Thank you!

    Yes, I have hidden the menu because I am not ready to launch yet. The address for the shop page is http://www.inevik.no/butikk

    I have had some trouble reaching the theme people. I have tweaked the theme quite a bit already, but with css from mostly people at this forum. It has been very helpful.

    Plugin Support Kel C. a11n

    (@kellymetal)

    Hi there,

    Thank you for providing that link, and I’m glad to hear you have found the community forums to be helpful so far! : )

    So I see that the background color is set directly on the <body> element. If you wanted to change it only on the Single product page, you could use the following CSS:

    
    body.single-product {
      background: white;
    }
    

    You can add that to the “Additional CSS” section of your Customizer (Appearance > Customize).

    I hope that helps!

    Thread Starter nellik22

    (@nellik22)

    Thank you!

    I put that in the costum Css, but the background is still blue, I am afraid. Did I do anything wrong?

    Plugin Support Kel C. a11n

    (@kellymetal)

    Hi there,

    Ah, sorry a bit of misunderstanding on my part there — when you said “would love it to be white in the product page”, I was thinking the single page for a product, which I see is now white:

    product page
    Link to image: https://d.pr/i/UHVao0

    I see in your initial message you did say “webshop” — it looks like the only class on the body element to target the Shop page specifically would be the one for the page ID. You should be able to use this to change the Shop background to white:

    
    body.page-id-43 {
      background-color: white;
    }
    

    If you didn’t want the Single Product page background to be white, then you can also remove the CSS from the previous message.

    I hope that helps!

    Thread Starter nellik22

    (@nellik22)

    It worked perfectly! I kept both, thank you sooo much!!!

    Plugin Support Kel C. a11n

    (@kellymetal)

    Hi there,

    You’re very welcome! I’m glad to hear it worked! : )

    I’m going to mark this thread as resolved. If you have any further questions, please start a new thread.

    Have a wonderful day!

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Background color woocommerce’ is closed to new replies.