Return to previous page

How to give background color for the shop page ?

This topic has 8 replies, 3 voices, and was last updated 9 months ago ago by Rose Tyler

anand

Participant

August 9, 2023 at 09:35

Hi Sir/Mam,

How to give background color for the shop page ?
https://lgdemo.in/shop/

#364049 Copied Theme version: 9.1 WooCommerce version: 6.9.4

7 Answers

Tony Rodriguez

Support staff

August 9, 2023 at 09:52

Hello, @anand,

Thank you for using our theme and for contacting us.

If you are interested in adding a custom background color to your shop page, kindly follow these steps:

1. Navigate to your WordPress dashboard.
2. Click on ‘Pages’.
3. Select ‘All pages’.
4. Choose to edit the ‘Shop’ page.
5. Proceed to ‘XStore Options’.
6. Click on ‘Style’.
7. Select ‘Custom background color’ according to your preference.
8. Update the changes.

Please refer to the attached image for your reference. https://imgur.com/zBKSJMk , https://imgur.com/WDPyBL9

We hope this helps. Should you have any further queries, please do not hesitate to contact us.

Kind Regards,
8theme team.

#364053 Copied

anand

Participant

August 9, 2023 at 11:23

Hi Sir/Mam,

I can’t able to edit. I am looking below page and want to change the background color. how can i go?
https://lgdemo.in/product-category/sofas/sofa-sets/fabric-sofas/

#364066 Copied

Rose Tyler

Support staff

August 9, 2023 at 11:30

Hello, Anand,

We appreciate your prompt response.

Why exactly you can’t edit mentioned settings?
Please describe the problem in more detail. Provide temporary wp-admin access, so we can take a closer look at your settings.

Kind Regards,
8theme team.

#364070 Copied

anand

Participant

August 9, 2023 at 11:34

Hi,

We want to match the reference site: https://www.woodenstreet.com/fabric-sofas?pages=1

We looking for the same design. So. we want to implement the bg color.

Please contact administrator
for this information.

#364072 Copied
Rose Tyler

Support staff

August 9, 2023 at 12:37
Hello, Anand,

Please try to use the next custom CSS code:
```
body.tax-product_cat, body.post-type-archive-product {
    background-color: #f1f1f1;
}
.tax-product_cat .term-description {
    background-color: white;
}
body.post-type-archive-product .content-page {
    background-color: #f1f1f1;
    padding-top: 15px;
}
```
Kind Regards,
8theme team.
#364084 Copied
anand

Participant

August 9, 2023 at 13:22

Hi Rose Tyler,

working fine thanks

#364095 Copied

Rose Tyler

Support staff

August 9, 2023 at 13:54

Hello, Anand,

You’re welcome!

Kind Regards,
8theme team

#364100 Copied
Tagged: background color, customization, shop page, themes, website design, woocommerce, wordpress
Viewing 8 results - 1 through 8 (of 8 total)

The issue related to '‘How to give background color for the shop page ?’' has been successfully resolved, and the topic is now closed for further responses

How to give background color for the shop page ?

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection