Adding 2nd layer background to collection page and product page. PLEASE HELP

Solved
DontAskWhy
Tourist
7 0 0

How do I add a white box behind my collection/product page text and set it in front of my background. I want it like the image below.

I'm currently on the  Venture Theme

 

dasdas.PNG

help.PNG

0 Likes

Hello,
Please share your store URL with password (If Needed), So that I will give you proper solution here !

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
0 Likes
Natztech
Shopify Partner
646 175 432

@DontAskWhy  Please provide website url and if your store is password protected then also provide password

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
DontAskWhy
Tourist
7 0 0
0 Likes
DontAskWhy
Tourist
7 0 0
0 Likes
Natztech
Shopify Partner
646 175 432

@DontAskWhy 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

.template-collection  #MainContent .page-width{
	background: #ffffff !important;
}

.template-product #shopify-section-product-template  .product-single{
	background: #ffffff !important;
}

 

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
0 Likes
DontAskWhy
Tourist
7 0 0

Thank you for the response this works! I just need to know how I can change the width and length of the white background?

I want it so its bigger and goes all the way to the top of the page

fsdfds.PNG

0 Likes
Natztech
Shopify Partner
646 175 432

This is an accepted solution.

@DontAskWhy  
please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media only screen and (min-width: 750px){
.main-content {
     margin-top: 0px !important;
     padding-bottom: 0px !important; 
}
}
.main-content {
     margin-top: 0px !important; 
     padding-bottom: 0px !important; 
}
.template-collection #MainContent .page-width .grid{
		    padding: 15px 0 !important ;
}

 

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
DontAskWhy
Tourist
7 0 0

I see what's happening.

both solutions work! Just not in the way i need the page to be set out as the plan is to add a featured products section at the top "most popular". 

is it possible to have the white background as a separate entity that i can edit the width and length of behind these pages? Best way i can describe it like a layer in photoshop

Thank you for the help though I really appreciate it

 

0 Likes