FROM CACHE - en_header

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

Accepted Solutions (2)

Accepted Solutions
suyash1
Shopify Partner
6160 724 1027

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

 

You are welcome to contact me - suyash.patankar@gmail.com, My timezone is GMT+5:30,to build shopify pages use pagefly | want to support?

View solution in original post

suyash1
Shopify Partner
6160 724 1027

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

 

 

You are welcome to contact me - suyash.patankar@gmail.com, My timezone is GMT+5:30,to build shopify pages use pagefly | want to support?

View solution in original post

Replies 7 (7)
suyash1
Shopify Partner
6160 724 1027

@HannahLhia - please share this page link

You are welcome to contact me - suyash.patankar@gmail.com, My timezone is GMT+5:30,to build shopify pages use pagefly | want to support?
HannahLhia
Tourist
10 0 1

missfitzdesign.co.nz

 

password is mfd

HannahLhia
Tourist
10 0 1
missfitzdesign.co.nz

password is mfd
suyash1
Shopify Partner
6160 724 1027

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

 

You are welcome to contact me - suyash.patankar@gmail.com, My timezone is GMT+5:30,to build shopify pages use pagefly | want to support?
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?

suyash1
Shopify Partner
6160 724 1027

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

 

 

You are welcome to contact me - suyash.patankar@gmail.com, My timezone is GMT+5:30,to build shopify pages use pagefly | want to support?
HannahLhia
Tourist
10 0 1

Thank you so much!!  Absolutely perfect!