Change featured collection grid in Streamline theme

Solved
janisk
Tourist
11 0 1

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:

rvvrebr.png

Store URL: tworagrets.com

 

0 Likes
Nick_Marketing
Shopify Partner
600 145 176

This is an accepted solution.

Try adding this code to the bottom of theme.css

.page-width.page-width--flush{
max-width: 1500px;
}

 

- I am an eCommerce and Marketing Technology consultant based in Toronto, CANADA.
- To inquire about consulting work availability, please send me a Private Message.
- For Shopify Tutorials, Subscribe to my YouTube Channel.
0 Likes
janisk
Tourist
11 0 1

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

Nick_Marketing
Shopify Partner
600 145 176

Thanks for the feedback! I am glad it worked.

- I am an eCommerce and Marketing Technology consultant based in Toronto, CANADA.
- To inquire about consulting work availability, please send me a Private Message.
- For Shopify Tutorials, Subscribe to my YouTube Channel.
0 Likes