Attribute titles are centred instead of left aligned

  • Hi

    After the new update, the titles above each attribute the customers can select for my products, are suddenly centered instead of left aligned. It doesn’t look good at all, but I don’t know where to change this back, since I didn’t center it in the first place.
    I’m not very familiar with ‘coding’, so if something like that’s required, please know I’m a novice and need a thorough explanation ??

    Link to one of my products: https://requinerope.dk/en/shop/hest/rebgrimer/rebgrime

    The page I need help with: [log in to see the link]

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

  • Hi

    I’ve taken a quick look and I think you can fix by adding some additional CSS to your theme.

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

    Happy to help if you need further assistance ??

    Hello @rebekkaryding

    After the new update, the labels of the attributes have moved to the center, so you can add styling to the left side of the labels of the attributes.

    you add this CSS code.

    .single-product .variations_form .variations .label { 
    text-align: left;     
    padding-left: 0;
}

    Thanks.

    Thread Starter rebekkaryding

    (@rebekkaryding)

    Thank you @aezazshekh, it worked!

    Can you (or someone else) help me with how I can get some padding above the text that I just left-aligned? Now the attribute buttons and text is too close together…

    Hello @rebekkaryding

    I like that this CSS code worked for you.

    If you want to give padding to the attributes buttons and text then you can use the below CSS code.

    .single-product .variations_form .variations .value.woo-variation-items-wrapper{      
    padding: 5px 0 !important;
}

    Thanks.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Attribute titles are centred instead of left aligned’ is closed to new replies.

Tags