CSS padding/spacing on composite product pages
-
I am trying to fix the padding/spacing between composite product selections. In the link below, the spacing under MODEL and PILLOWCASE GRAPHIC is too big (same for all pages we have composite products set up- see attached photo).
How can we reduce the padding or space below each of the composites on both desktop and mobile for all composite pages?
We reached out to the composite product plugin but they said Woodmart theme is causing this: “Your theme is overriding the WooCommerce templates and adding the spaces you mentioned.”
PHOTO: attached for reference
LINK: https://displaystop.com/product/harmony-banner-stand/
Thanks in advance…
Attachments:
You must be
logged in to view attached files.
Hello,
Thank you very much for choosing our theme and for contacting us.
Please insert the site admin access into the Private content below the message area. We will take a closer look at the case.
I would like to check what causes these gaps.
Best Regards
Thanks, added that to the private content message.
Hello,
Please add this code to the Theme Settings > Custom CSS > Global:
body .composite_form:not(.paged) .component .component_inner {
padding-bottom: 0;
}
Best Regards
Thanks for checking on that. The bottom padding seems to work well for the first 2 component selections but for products with more component options that padding doesn’t seem to work after the first two (see provided links in private for examples).
This was also checked on desktop and mobile.
Hello,
These paddings are provided with the plugin. Please let us check with Storefront theme. When you switch from WoodMart to Storefront theme some of the configurations may reset. Please make the full backup of your site and confirm the permission.
Best Regards
.
