Removing vertical spacing from product grid in Simple theme

Highlighted
New Member
4 0 0

Hi,

 

I'm looking to remove the vertical spacing in the columns of the homepage at https://cult-of-geek.myshopify.com . . .

 

undesired-gap.png

 

. . . so that it looks more like https://thecultofgeek.tumblr.com .

 

Does anyone know how I can accomplish this? I'm using the free Simple theme. Thanks!

0 Likes
Highlighted

Hello ,

Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

.product {
    margin-bottom: 0px !important;
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
4 0 0

Hi, I've applied the code but the gaps remain. I believe I have to alter the grid properties somehow...

0 Likes
Highlighted

If you remove that space other images will be cut.

Try to upload that image is of bigger size like others.

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
4 0 0

I don't want to upload in a uniform dimension I want it variable and without gaps like at https://thecultofgeek.tumblr.com

0 Likes
Highlighted

The URL you have shared is displayed in article section.

And you have added featured product section in your site.

So height is of same size in featured product section.

You have to customize theme to display like that.

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
4 0 0

 

Did you visit my tumblr? Do you understand that the grid there is arranged by columns not rows? That's what I need adjusting, not heights of rows that don't exist

0 Likes