What's your biggest current challenge? Have your say in Community Polls along the right column.

Change Product Information background on Craft Theme

Solved

Change Product Information background on Craft Theme

GentC
New Member
6 0 0

Good Day,

 

I want to change the product information background on the craft theme. The page that shows when I click a product. I only want to change the background for the product info, not any other sections. I don't see an option to do this when I go to customize the theme. I also tried to do it by editing the code. Any help would be appreciated.

Accepted Solution (1)
Moeed
Shopify Partner
6339 1720 2077

This is an accepted solution.

Hey @GentC 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag.

 

 

<style>
section#shopify-section-template--19165257433364__main {
    background: white;
}
</style>

 


If I manage to help you then don't forget to Like it and Mark it as Solution! 

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Boost Your Sales with Affiliate Marketing - UpPromote: Affiliate & Referral


View solution in original post

Replies 7 (7)

Moeed
Shopify Partner
6339 1720 2077

Hey @GentC 
Please share your Store URL and password if enabled

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Boost Your Sales with Affiliate Marketing - UpPromote: Affiliate & Referral


GentC
New Member
6 0 0
Moeed
Shopify Partner
6339 1720 2077

Hey @GentC 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag.

 

<style>
product-info#ProductInfo-template--19165257433364__main {
    background: darkcyan;
}
</style>

Capture.PNG

 


Note: You can change the color to any color you want

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Boost Your Sales with Affiliate Marketing - UpPromote: Affiliate & Referral


GentC
New Member
6 0 0

That helped a bit, but I want to change the entire Product Information Section, highlighted with the blue border in the photo attached. 

Screen Shot 2023-05-28 at 12.38.59 PM.png

Moeed
Shopify Partner
6339 1720 2077

This is an accepted solution.

Hey @GentC 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag.

 

 

<style>
section#shopify-section-template--19165257433364__main {
    background: white;
}
</style>

 


If I manage to help you then don't forget to Like it and Mark it as Solution! 

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Boost Your Sales with Affiliate Marketing - UpPromote: Affiliate & Referral


GentC
New Member
6 0 0

Thank you! That did it.

One last thing if you don't mind. On that same page the price decimal point is a comma (,) and not a period (.). I want to change it to a period, could you assist with that?Screen Shot 2023-05-28 at 12.46.06 PM.png

mamajaspah
Visitor
1 0 0

Its not working for me