Shopify themes, liquid, logos, and UX
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??
Solved! Go to the solution
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 - it will need multiple css settings, make sure that your background color does not affect the text visibility
can you share your page link?
I just want the background to be white
Hey @Andia
Your store is password protected please share the password as well
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
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
that turned it black but i would like it white 🙂
just changed it to #FFFFFF.
THANK U!
Thank you San - I have been looking for this solution for such a long time!!
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
Ignore the above reply as it was mentioned to add it to base css which i wasn't doing in the first place
Starting a B2B store is a big undertaking that requires careful planning and execution. W...
By JasonH Sep 23, 2024By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024