Product Page Attribute Display Issue

I have designed the layout for my product page. However, I’ve noticed that two attributes (or swatches), specifically “Strength” and “Pack Size,” appear on the same line. I would like them to be displayed separately, each occupying its own line. Ideally, it would look like the layout in image 2.

Could you please advise me on how to achieve this? Thank you in advance.

Attachments:

You must be logged in to view attached files.

Hello,

I would like to request temporary admin access to the website to take a better look at the issue there.

Thank you for your time.

Kind Regards

Here is the admin info

Hello,

Define the code below into the “Desktop CSS” area in Theme Settings -> Custom CSS.

[class*="wd-single-"].wd-swatch-layout-inline table.variations tbody {
    flex-direction: column;
    align-items: flex-start;
}

Then clear the cache and recheck the issue.

Kind Regards

[Author]

Posts