Liquid, JavaScript, themes, sales channels
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
Solved! Go to the solution
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 ;
}
Hello,
Please share your store URL with password (If Needed), So that I will give you proper solution here !
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;
}
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
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 ;
}
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
@DontAskWhy Please provide website url and if your store is password protected then also provide password
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024