Variant selector doesn't align to the left

Hi @wickedonline,

The structure of the two websites are different which is probably why the same CSS would work for the two.

Here’s a CSS you could try:

table.variations tbody tr {
    display:flex;
    flex-direction: column;
}

table.variations tbody tr td.value {
    flex:1;
}

table.variations tbody tr th.label {
    display:flex;
}

Kindly let us know how it goes. :)

Much better but the word "size" still isn't aligning all the way to the left.

I also want to lessen the spacing between the word size and the selector.

There’s a padding for the word “size”.

Here’s a modification of the current CSS:

table.variations tbody tr {
    display:flex;
    flex-direction: column;
}

table.variations tbody tr td.value {
    flex:1;
}

table.variations tbody tr th.label {
    display:flex;
    padding: 0;
}

Hope this helps! :)

Perfect! Thanks!

You’re welcome! Glad to be of assistance! Feel free to reach out anytime if you’ll need assistance with anything else. :)