Re: 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
5844 1588 1886

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! 

- Get a quick Shopify quote – Click here!

- Need a Shopify Specialist? Chat on WhatsApp

- Custom Design | Advanced Coding | Store Modifications


View solution in original post

Replies 7 (7)

Moeed
Shopify Partner
5844 1588 1886

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

- Get a quick Shopify quote – Click here!

- Need a Shopify Specialist? Chat on WhatsApp

- Custom Design | Advanced Coding | Store Modifications


GentC
New Member
6 0 0
Moeed
Shopify Partner
5844 1588 1886

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

- Get a quick Shopify quote – Click here!

- Need a Shopify Specialist? Chat on WhatsApp

- Custom Design | Advanced Coding | Store Modifications


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
5844 1588 1886

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! 

- Get a quick Shopify quote – Click here!

- Need a Shopify Specialist? Chat on WhatsApp

- Custom Design | Advanced Coding | Store Modifications


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