How to remove the gap between product Image and title as well as product description and buy button?

KimGottwald
Pathfinder
137 0 20

Hello,

does somebody know How to remove the gap between product Image and title as well as product description and buy button?

Thank you!

 

url: aliudclothing.com 

Remove Gap 1@72x.png

Replies 3 (3)

sahilsharma9515
Shopify Partner
1031 128 193

Hi @KimGottwald Please add the code in your theme.css/base.css/style.css file which is available in your theme.

 

@media screen and (min-width: 480px){
.product-single__meta {
    padding-top: unset !important;
}

.product-single__description.rte {
    margin-top: unset !important;
}
}

 

If you are not sure where is your theme.css/base.css/index.css/style.css file please follow the steps:

  1. Login in shopify admin.
  2. Click on the Online Store.
  3. Then click on the button next to Customize in live Theme.
  4. Click Edit Code.
  5. Search theme.css/base.css/index.css/style.css in the code in left hand side which ever is available in your theme.
  6. You can add the above code at the bottom of the file.

Result:

sahilsharma9515_0-1716445536969.png

 

Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

 

Best Regards

Sahil

- Your

 Coffee Tip 

can create magic in coding ❤️❤️

- Need a Shopify Developer? CHAT ON WHATSAPP or EMAIL ME !


- Hopefully the solution will help you. If yes then Please hit

 Like 

and

 Mark it as solution! ❤️


KimGottwald
Pathfinder
137 0 20

Thank you it works, but it creates the following problem when I scroll down.

Bildschirmfoto 2024-05-23 um 11.23.54 AM.png

KimGottwald
Pathfinder
137 0 20

The problem only occurs on desktop*