howto change the background color of the shop ? - Forum | JoomShaper
Staff replied EasyStore

howto change the background color of the shop ?

Asked by Jean-Pierre 1 year ago Last activity 1 year ago

Hello,
I'm using the Nectar template for my site and I'd like to change the green colour of the shop page background to one that matches my site pages.
I've figured out how to change the background colour of the normal pages, but not for the shop, which remains green.
Can anyone help me?
Thanks in advance

4 replies

Oldest first Newest first Most helpful
Ziaul Kabir Staff
1 year ago

Hello,

Thanks for reaching out to us. Please, use this css to your custom css: 

body.site.helix-ultimate.hu.com_easystore.com-easystore.view-products.layout-default.task-none.itemid-358.en-gb.ltr.sticky-header.layout-fluid.offcanvas-init.offcanvs-position-left.com-sppagebuilder #sp-main-body {
    background-color: #000000; // Change your color
}

N.B.: Please, When you add color, think about your text, Default color is white for font,

Thanks

Jean-Pierre Asked this
1 year ago

Hello,
Thank you for your answer. I have tried your solution, but unfortunately it does not work. I give you a screenshot as an example.
It's the "shop" page that always stays with the same background color, thank you for helping me.

Ziaul Kabir Staff
1 year ago

Please, share your website url and add screenshots as well.

Ziaul Kabir Staff
1 year ago

Please, use this css:

.view-products .sp-page-title ,
.view-products .sp-page-title>.container,
.view-products #sp-main-body, 
.view-product #sp-main-body{
    background-color: #ebe7df !important;
}

Thanks

Log in to reply.