Woo Product page Gapo

[ritchmedia]

Hi, please can you advise how to remove/reduce the gap as shown on the screenshot. thanks,
James

Attachments:

You must be logged in to view attached files.

[laranz – SUPPORT]

Hi,

Can you show us the link? You can also use private reply option.

Let us know,

Thanks,
laranz.

[ritchmedia]

This reply has been marked as private.

[laranz – SUPPORT]

Hi,

Add this in the Custom CSS in Theme Options,

.variations_form.cart, .woocommerce div.product form.cart .variations { margin-bottom: 0; }

Let us know,

Thanks,
laranz.

[ritchmedia]

Hi Laranz,

Thanks, but it’s still not quite right. Now there is no gap between the tabs and the add-to-cart buttons when they appear.

Also, do you think the extra spacing problem may be caused by the ‘Clear selection’ text that appears briefly when the page loads?

thanks,

James

[laranz – SUPPORT]

Hi,

Yes it is the reason, they use Visibility as hidden property, if we use that property it will take space, not like “display” property. Is that any plugin you used for that “clear selection” select element?

Let us know,

Thanks,
laranz.

[ritchmedia]

Hi Laranz.

No, I’m not using any plugins. I believe the Clear Selection is standard woocommerce.

I have found a solution which removes this:

.reset_variations {
display: none !important;
}

… and when combined with the your css above, does the job.

[ritchmedia]

… thanks!

[laranz – SUPPORT]

Hi,

Glad you solved the issue 🙂

Let us know, if you have any other questions.

Thanks,
laranz.