Hello,
Hello, I made some changes to the styling question. I set my product attributes to display as “Text (Label)” swatches, but they continue to render as standard dropdown menus or as a vertical list of labels on the product page.
The problem is that the swatch container (.product-labels) is being rendered with styles that force it to be vertical and “floating” (position: absolute), and I can’t override this with custom CSS, even using !important.
Here’s everything we’ve tried:
I’ve confirmed that all attributes are set to the “Text (Label)” swatch style in Products > Attributes.
I’ve increased the “AJAX Variation Limit” to 300 in Theme Settings > Shop > Variable Products.
I’ve run a full plugin conflict test; the issue persists only with WoodMart Core, WooCommerce, and Elementor active.
We’re using WoodMart Layout Builder for the individual product page, and the “Add to Cart” widget has the “Sample Layout” option set to “inline.” This setting has no effect.
We’ve tried replacing the .product-labels class with custom CSS, but the theme’s default styles aren’t being overridden.
We’ve repeatedly cleared all cache levels (plugin, theme, and hard resetting the browser).
It appears that a theme script or a highly specific CSS rule is preventing any customization. Could you provide the correct solution or CSS to force the samples to display inline and within the normal page flow?
Thank you.
.
