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,

+ url

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.

[Author]

Posts