Product page – space in attribute value
-
Hello!
Please advise how to remove the “space” in the attribute values on the product page.
So that it appears as Black, Brass, smoked bronze, Steel, White — instead of the current Black , Brass , smoked bronze , Steel , White.
Thanks
Best Regards
Attachments:
You must be
logged in to view attached files.
Hello,
Can you please share the page URL so I can further check on your site and give you a possible solution?
Best Regards,
Hello,
This extra space appears because each attribute value is output as a separate inline element, which adds spacing before the comma.
You can fix it with a small CSS adjustment. Please add the following code to Theme Settings > Custom CSS > Global CSS:
/* Remove extra space before commas in product attributes */
.single-product .shop_attributes .wd-attr-term p {
word-spacing: -0.25em;
}
Best Regards,
Unfortunately, this did not help (I added a screenshot).
Thanks
Best Regards
Attachments:
You must be
logged in to view attached files.
Hello,
Could you please share a screenshot highlighting the specific space you want to remove?
Best Regards,
Hello,
Remove the space before the comma, but keep the space after the comma.
example: value1, value2, value3
Thanks
Best Regards
Attachments:
You must be
logged in to view attached files.
Hello,
The extra space before the comma is not added by CSS. It comes from how outputs attribute terms in the Additional Information tab (HTML/text level), where terms are separated as value , value.
You can see the same on our demo too: https://woodmart.xtemos.com/shop/accessories/smart-watches-wood-edition/
Because of this, CSS cannot reliably remove only the space before the comma while keeping the space after it. So there is no option in theme settings to remove this.
Best Regards,
.
