How do I change background of a specific collection and product?

Solved
Highlighted
Tourist
8 0 0

Hello,

 

How do I change the background color of a specific collection and product page? It is white by default with minimal fashion design. So I want for just one specific collection (e.g: ..collections/toys/products/cars) and all its products in it, a black background. 

0 Likes
Highlighted

Hello ,

Please share your site url so that I will give you exact solution

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
Tourist
8 0 0

empty link

0 Likes
Highlighted

Hello,

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

.template-collection,.template-product {
	background: #000;
}

If you want it in specific collection then inspect that page then Check "id" in body tag and put css by using that id..As shown in below screenshots

2019-12-04_20-37.jpg

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
1 Like
Highlighted

Success.

Shopify Expert
2620 440 564

Hi @IsaacSterkling 

Add following code in Layout->theme.liquid file just before </body>

 

 <style>
    {% if collection %}
    	{% if collection.handle =='premium-real-dolls' %}
    		body{background: red;}
    	{%endif%}
    {%endif%}
  </style>

Note: here it will work for "premium-real-dolls" collection so if you want to change then change this handle of collection.

 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
1 Like