Docs

[mat_kinotek]

hi,
Im trying to lower the vertical space between fields in the ‘turnaround time needed?’ area here” https://cherrylaser.com/?page_id=9 (in the shipping section).
below the code I was going to use, but the problem is that it will affect also all the other multiselect fields. (see screenshot 1 & 2). How can I isolate only the radio-box field?
Thanks!

p.form-row.validate-required.validate-required {
line-height: 3px;
}

[Thai]

Hi There,

Please delete your custom CSS and add the following CSS instead:

#wc_checkout_add_ons p br {
    display: none;
}

Hope it helps 🙂

[mat_kinotek]

what you mean delete custom CSS?
i have more than 400 lines of custom code to style the whole site!
Which one shall i remove?

[mat_kinotek]

ah ok sorry I didn’t understand-

I replaced:

p.form-row.validate-required.validate-required {
line-height: 3px;
}

with:

#wc_checkout_add_ons p br {
display: none;
}

the radio box look ok, but the drop-down menu fields are still look too thin,
just like before.
Any hint?
Thnks

[Paul R]

Hi,

You can add this under Custom > CSS in the Customizer.

.woocommerce-checkout .select2-container {
       line-height: 30px;
}

Hope that helps.

[Author]

Posts