Reduce space under image and text

4 0 1

Hey Everyone,

this question isn't new, but since i can't code i am not sure what exactly has to be put in the code. I want the Space between the GIF and the Text "Modern Retro" to be smaller. See the Red Arrow.Untitled.png


Website URL:

Shopify Partner
5809 1330 1703


Please add the following code at the bottom of your assets/theme.css file.

.template-index div#shopify-section-collection{
padding-top: 10px;


Hope this works.


If helpful then please Like and Accept Solution.
Email: | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
Shopify Partner
675 67 119

Hi @ShopDesigner000

This problem may be caused by this snippet:

.index-section {

  padding-top: 55px;

  padding-bottom: 55px;


You can find this class selector "index-section" in the file "theme.scss" to change your style as you want.

Screenshot to refer:

Hope this helps! 

LitExtension - Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!
Shopify Partner
17100 1856 6413


sorry for this issue can you please try this 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.
this code apply for after 5 - 6 second

#shopify-section-collection {padding-top: 0;}


If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on regarding any help
Shopify Expert | Skype :
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing