Shopify themes, liquid, logos, and UX
Hello, Ive been trying to change the width of my Featured collection grid section on my page with no help. I want the featured collections to be wider, not full length of the page, but a lot wider than they are now. After that I want to make thumbnails bigger to fit the wider look, but I have figured out how to make the product images bigger already via:
@media only screen and (min-width: 769px) {
.grid__item.grid-product.grid-product--padded.medium-up--one-quarter.aos-init.aos-animate {
padding: 0 !important;
margin: 0;
width: 33% !important;
}
Ive added an image of what I mean below. Black is current width that I cant find how to change and red is how I want it to be:
Store URL: tworagrets.com
Solved! Go to the solution
This is an accepted solution.
Try adding this code to the bottom of theme.css
.page-width.page-width--flush{
max-width: 1500px;
}
This is an accepted solution.
Try adding this code to the bottom of theme.css
.page-width.page-width--flush{
max-width: 1500px;
}
I cant believe that worked... I stared at that part of code many times before but didnt know that's it. Thank you so much
Thanks for the feedback! I am glad it worked.
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