Re: Change product background & product page background in dawn theme

Solved

Change product background & product page background in dawn theme

Andia
Tourist
61 0 2

Hello! im trying to work out how to change the colour background in the dawn theme on both the "all" product page and the "singular" product page.

 

anyone know??

 

Accepted Solution (1)

INA_MSWEB
Shopify Partner
1281 144 166

This is an accepted solution.

Hi @Andia 


I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

Please add this css in your bottom of the base.css file:

.card .media {background: #000 !important;}

{% if template contains 'product' %}

body {background: #000 !important;}

{% endif %}

 

 

Regards,

San

If it’s helpful to you, please mark it as a solution.  


Need Help with Shopify Design, Migration, Speed, or Custom tasks?  
email: hi@mswebdesigner.com
Try Our Conversion Booster app to get more sales | Connect Our Founder Linkedin

View solution in original post

Replies 11 (11)

suyash1
Shopify Partner
9990 1241 1579

@Andia - it will need multiple css settings, make sure that your background color does not affect the text visibility

 

can you share your page link?

Amazing chess game | To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Andia
Tourist
61 0 2
Andia
Tourist
61 0 2

I just want the background to be white

Moeed
Shopify Partner
5880 1597 1899

Hey @Andia 
Your store is password protected please share the password as well

- Get a quick Shopify quote – Click here!

- Need a Shopify Specialist? Chat on WhatsApp

- Custom Design | Advanced Coding | Store Modifications


Guleria
Shopify Partner
3525 712 994

Hello @Andia ,

 

By default there is no option but with the help of a developer you can do this.
You need to create a default setting for all products and for singular products you need to create a product metafield. 
In this way if a product has a metafield color value available then it uses that color else it will use the default color from the settings.  

Thanks

- Drop an email   if you are looking for quick fix or any customization
- Email: guleriathakur43@gmail.com
- Try GEMPAGES a great page builder
- If you want to help me please PAYPAL

INA_MSWEB
Shopify Partner
1281 144 166

This is an accepted solution.

Hi @Andia 


I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

Please add this css in your bottom of the base.css file:

.card .media {background: #000 !important;}

{% if template contains 'product' %}

body {background: #000 !important;}

{% endif %}

 

 

Regards,

San

If it’s helpful to you, please mark it as a solution.  


Need Help with Shopify Design, Migration, Speed, or Custom tasks?  
email: hi@mswebdesigner.com
Try Our Conversion Booster app to get more sales | Connect Our Founder Linkedin

Andia
Tourist
61 0 2

that turned it black but i would like it white 🙂

Andia
Tourist
61 0 2

just changed it to #FFFFFF.

 

THANK U!

zoeh300
Visitor
2 0 0

Thank you San - I have been looking for this solution for such a long time!!

 

dstewart
Tourist
6 0 1

Hi San,

 

I tried this and could see the change take however i couldn't save the changes due to error below. Any idea why? I'm using Dawn Theme V13

 

error : online store editor session cannot be saved.

 

thanks

 

error.png

 

dstewart
Tourist
6 0 1

Ignore the above reply as it was mentioned to add it to base css which i wasn't doing in the first place