Solved

Padding above the add to cart button

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)

suyash1
Shopify Partner
9080 1129 1479

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

 

To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
paranormal story video using AI

View solution in original post

suyash1
Shopify Partner
9080 1129 1479

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

 

 

To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
paranormal story video using AI

View solution in original post

Replies 7 (7)

suyash1
Shopify Partner
9080 1129 1479

@HannahLhia - please share this page link

To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
paranormal story video using AI
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
9080 1129 1479

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

 

 

To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
paranormal story video using AI
HannahLhia
Tourist
10 0 1

Thank you so much!!  Absolutely perfect!

suyash1
Shopify Partner
9080 1129 1479

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

 

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