Padding above the add to cart button

Solved
HannahLhia
Tourist
10 0 1

Hi, 

I have  just installed infinite options onto my shop and have noticed the bottom option bar sits right on the add to cart button. Is there code to give it some padding between the two?

Its on the debut theme and the problem is on both mobile and desktop. 

Picture of the awfulness hahaScreen Shot 2021-09-26 at 7.03.33 PM.png

0 Likes
suyash1
Shopify Partner
3467 385 564

@HannahLhia - please share this page link

Need training? I can train you to learn shopify.

You are welcome to contact me, my email - suyash.patankar@gmail.com
0 Likes
HannahLhia
Tourist
10 0 1

missfitzdesign.co.nz

 

password is mfd

0 Likes
HannahLhia
Tourist
10 0 1
missfitzdesign.co.nz

password is mfd
0 Likes
suyash1
Shopify Partner
3467 385 564

This is an accepted solution.

@HannahLhia - please add this css to the very end of theme.scss file and check , adjust number as per need

#infiniteoptions-container{margin-bottom: 20px;}

 

suyash1_0-1632637397185.png

 

Need training? I can train you to learn shopify.

You are welcome to contact me, my email - suyash.patankar@gmail.com
0 Likes
HannahLhia
Tourist
10 0 1

THANK YOU! This has been bugging me all day. Legend!

Is there a way to have padding between the different options too?

0 Likes
suyash1
Shopify Partner
3467 385 564

This is an accepted solution.

@HannahLhia - add this and check, should be like below

#infiniteoptions-container .spb-label-tooltip {padding: 10px 0;}

 

suyash1_0-1632637934828.png

 

 

Need training? I can train you to learn shopify.

You are welcome to contact me, my email - suyash.patankar@gmail.com
0 Likes
HannahLhia
Tourist
10 0 1

Thank you so much!!  Absolutely perfect!