Re: Padding Between Added Product Options - Venture Theme

Solved

Padding Between Added Product Options - Venture Theme

whiskeyworks
Tourist
7 0 1

Hello all! Back already and thank you in advance for reading.

 

I have quite a few options for some of my items, and realistically having variants for them all would be hellish to organize in my opinion, so I added them myself in the coding of my product pages themselves. The issue I'm having now that I can't seem to work around is the spacing/padding between the options themselves. Any advice for code to slide between the different options to space them out a little so its easier to differentiate?

 

Edit: ignore request about dropping the quantity box down a line on the screenshot, i figured that part out!

 

I've attached a screenshot and a link to the current page I'm working on below.

https://whiskey-works.myshopify.com/products/customizable-heart-lock-leather-choker

padding between options.png

 

If you need the code for the whole section just let me know and I can send that along!

Accepted Solution (1)

AvadaCommerce
Shopify Partner
3879 839 985

This is an accepted solution.

Hi @whiskeyworks ,

 

You can follow the instruction below:

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss->paste below code at the bottom of the file:

p.line-item-property__field {
    width: 50%;
    padding: 0 5px;
}
p.line-item-property__field select {
    width: 100%;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

banned

View solution in original post

Replies 2 (2)

AvadaCommerce
Shopify Partner
3879 839 985

This is an accepted solution.

Hi @whiskeyworks ,

 

You can follow the instruction below:

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss->paste below code at the bottom of the file:

p.line-item-property__field {
    width: 50%;
    padding: 0 5px;
}
p.line-item-property__field select {
    width: 100%;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

banned
whiskeyworks
Tourist
7 0 1

It's spaced things out so nicely! 

I was trying to do it in the individual pages, this was much easier, thank you so much!