Impulse Theme - Product Page Metafield- Background Color

Store Design
1

Hello

I am using a metafield on my product page ( Impulse Theme) but would like it to have a different background color. Is that possible?

from this

TBS2022_0-1641293436613.png
TBS2022_0-1641293436613.png1317×288 7.83 KB

to this

TBS2022_1-1641293478709.png
TBS2022_1-1641293478709.png1152×399 19.5 KB

Thanks

2

Hello,

  1. Go to Online Store->Theme->Edit code
  2. Asset->theme.scss Or theme.css-> paste bellow code in bottom of file
.template-product #shopify-section-template--15268267262178__1635996875d39b80d3 {
    background: #d6c8cb;
    padding: 30px 0 30px 0;
}

Thanks

3

@Guleria

nothing is happening -sorry

4

Then assign a specific class to that section and use css which shared in last reply.

5

I’m sorry not not very good with codes…where shall i assign this :disappointed_face:

6

Welcome to shopify community.

Please share your store URL and if your store is password protected then please provide password too.

Thank you.

7

https://the-body-shop-mauritius.myshopify.com/

cleeth

8

@TBS2022
Kindly Share your Store URl.

1 Like
9

see above

10

ok I will Help you to fix this. So kindly provide me your Store collaboration. And it may be some time taking process.

1 Like
11

Go to your code editor Assets > theme.css or theme.css.liquid and paste this line at the bottom of the file
.shopify-section.index-section .text-left.page-width {
background: #e8e8e1;
padding:40px;

}
I Hope it work.
Thank you.

12

@TBS2022

Kindly like our Solution if helpful