We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

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 169

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
11112 1367 1751

@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 | Contact me - suyash.patankar@gmail.com
Andia
Tourist
61 0 2
Andia
Tourist
61 0 2

I just want the background to be white

Moeed
Shopify Partner
7764 2082 2568

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

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


Guleria
Shopify Partner
4299 825 1189

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

- Elevate Your Store with Expert Shopify Services. Email: guleriathakur43@gmail.com - Need a quick fix or a tailored customization? I’ve got you covered.
- Looking to enhance your pages? Try GEMPAGES- a powerful drag & drop page builder.
- Let’s make your store stand out. Get in touch today!
- My Apps: Productify Groups – Smart product grouping made easy.

INA_MSWEB
Shopify Partner
1281 144 169

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