Solved

Change product background & product page background in dawn theme

Andia
Tourist
45 0 1

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)

SAN_MSWEB
Shopify Expert
927 111 117

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
9134 1137 1485

@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?

To build shopify pages use pagefly You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Paranormal story video using AI
Join me for beginner level training session
Andia
Tourist
45 0 1
Andia
Tourist
45 0 1

I just want the background to be white

Moeed
Shopify Partner
3697 932 1166

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

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

Developer-G
Shopify Partner
3079 604 857

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

- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on store Hire me.
- Email: guleriathakur43@gmail.com - Skype: navrocks1 ,
- Try GEMPAGES a great page builder
-Advance Search Filter

SAN_MSWEB
Shopify Expert
927 111 117

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
45 0 1

that turned it black but i would like it white 🙂

Andia
Tourist
45 0 1

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
New Member
6 0 0

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
New Member
6 0 0

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