Variant label text centered

Viewing 3 replies - 1 through 3 (of 3 total)
  • Mirko P.

    (@rainfallnixfig)

    4 years, 2 months ago

    Hello @aoedigi 👋

    This can be fixed with some custom CSS. Under Appearance > Customize > Additional CSS, you can add the following code:

    .woocommerce div.product form.cart .variations th {
text-align: left;
}

    This is how it will look like in the frontend:

    If you’re interested in learning CSS we highly recommend using the free tutorials at w3schools. Here, you can find the basics of selectors (how to target the right element on the page), and properties (how to change the element on the page).

    I hope this helps!

    Thread Starter aoedigi

    (@aoedigi)

    4 years, 2 months ago

    Hey Mirko,

    Thank you for the code. It works now.

    However, we wonder why it suddenly changed in the first place?

    Nothing has been done besides updating plugins.

    Igor H

    (@ihereira)

    4 years, 2 months ago

    Hello there,

    we wonder why it suddenly changed in the first place?

    It is difficult to say without checking the site to get more context, for the most part, the reason could be a theme or plugin conflict.

    In case you would like to perform a conflict test, be sure to switch your site to the Storefront theme.
    You can find a more detailed explanation on how to do a conflict test here.`.

    I hope this provides clarity.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Variant label text centered’ is closed to new replies.