How to reduce the page between the images under the add to cart button

Solved
New Member
12 0 0

Hi everyone,

 

I have added an image of some icons under my add to cart button by entering the image source under the  </button> section in product-template.liquid. However, there is a large space between the image I added and the table below it (see attachment).

 

Can someone please tell me how to I reduce the space between these? A solution would be greatly appreciated.

 

Thanks

Stefan

Shopify Question.PNG

0 Likes
Navigator
358 39 40

@stbozk wrote:

Hi everyone,

 

I have added an image of some icons under my add to cart button by entering the image source under the  </button> section in product-template.liquid. However, there is a large space between the image I added and the table below it (see attachment).

 

Can someone please tell me how to I reduce the space between these? A solution would be greatly appreciated.

 

Thanks

Stefan

Shopify Question.PNG


It will need CSS to be added, if you can give me your site link, I can help you with the css

you are welcome to contact / donate small amount to me.
My email - suyash.patankar@gmail.com

paypal.me/suyashpatankar
0 Likes
New Member
12 0 0

Thanks for the response.

 

My link is www.highbrowaustralia.com.au

 

Theme is Debut.

0 Likes

Success.

Navigator
358 39 40

@stbozk wrote:

Thanks for the response.

 

My link is www.highbrowaustralia.com.au

 

Theme is Debut.


add this CSS to the end of your theme.scss file, then refresh page and check, this should do it

 

.product-form__item hr{margin: 25px 0;}

you are welcome to contact / donate small amount to me.
My email - suyash.patankar@gmail.com

paypal.me/suyashpatankar
0 Likes
New Member
12 0 0

Thank you so much. That worked great!

0 Likes
Navigator
358 39 40
awesome, you are welcome to donate small amount of your choice. Thank you
very much.
you are welcome to contact / donate small amount to me.
My email - suyash.patankar@gmail.com

paypal.me/suyashpatankar
0 Likes