Help with few issues

Hi @asad2020,

1. Better if you share product URL, max checked option working fine at our end.

2. It’s a PRO option to hide option prices

3. Better to share Product URL, we can’t give CSS without it.

do i set max to 1? and min to 0?

Hi,

Leave min empty, just set max = 1.

https://snacksurprise.com/product/the-original-snacksurprise-box-gift/

here’s the page^.

can you help me fix the padding to the left of the options, i want them to be inline with title.

plus can you help with the padding above as described above

and i still cant select one option at a time, i can do multiple, even setting max to 1.

please help

For padding, insert

.form-check-label {margin-left:0!important}

to meta group custom css.

Hi @stylebutton,

thanks for sharing code.

how do i fix the check box, I’m able to click on more than one item!

Hi @asad2020,

max/min checked validated is checked on server side (means after add to cart), and it’s working fine at your site. But I will suggest using radio input instead, it will work just fine in your case.

also the spacing on the left, someone commented the code above that doesn’t work. also is it possible to have radio inputs on the same line. please help with this css.

ok, my support guy will paste CSS here shortly. Cheers.

Hi,
1- please use this css for remove left side space.

CSS Code:

.ppom-wrapper .form-check-label {
padding-left: 0 !important;
}

2- use this css to inline radio inputs

CSS Code:

.ppom-wrapper .form-check {
display: inline-block !important;
margin-right: 0.75rem !important;
}

Thanks…

• This reply was modified 5 years, 6 months ago by nmediamajid.

this worked perfectly, also finally theres padding above the PPOM fields, just below the woocoms fields, how do i remove this?

Hi,

please use this CSS:

.woocommerce-variation-add-to-cart{
margin-top: -25px;
}

Note you change margin value as per your need;

Hi @asad2020,

Sorry, we can’t remove your link from your post. You need to request to WordPress support for this.