Re: How can I enlarge the layout of the collection with Impulse theme ?

How can I enlarge the layout of the collection with Impulse theme ?

ErnestoP
Excursionist
23 0 6

ErnestoP_0-1686039604701.png

HI,

the site is carofigliojunior.com


I think it is very unsightly
the display of those broad white bands
moreover, the boxes containing the products are really small

 

I can't figure out which code to edit, insert and in which section

 

Please help me fix this

I will be grateful

 

carofigliojunior.myshopify.com

Replies 4 (4)

Made4uo-Ribe
Shopify Partner
9845 2340 2934

Hi @ErnestoP ,

I understand that you want to increase the sizes of the boxes.

Try this. 

  • From your Shopify admin dashboard, click on "Online Store" and then "Themes".
  • Find the theme that you want to edit and click on "Actions" and then "Edit code".
  • In the "Assets" folder, click on "results_big_pictures.91450.css or base.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
  • And Save.

 

ul.snize-search-results-content.clearfix {
    width: 117% !important;
}

 

  • Result:
  • Ribe_Dagandara_0-1686045126204.png

     

  • I hope it help. 
If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
ErnestoP
Excursionist
23 0 6

ErnestoP_0-1686046243739.png

It's only changing the width of the photos...
Where am I doing wrong ?

Made4uo-Ribe
Shopify Partner
9845 2340 2934

Try this one:

#snize-search-results-grid-mode.snize-four-columns li.snize-product {
    width: 23% !important;
}
#snize-search-results-grid-mode li.snize-product {
        min-width: 0px;
}

Result:

Ribe_Dagandara_0-1686056304153.png

I hope this work.

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
ErnestoP
Excursionist
23 0 6

No, I cannot see visible changes