[Resolved] Center WooCommerce Variation Labels

Home Forums Support [Resolved] Center WooCommerce Variation Labels

Home Forums Support Center WooCommerce Variation Labels

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #1494216
    Srinivas

    Hi Team,

    I am stuck at a situation where I am trying to center the label of woocommerce in mobile view and no matter what I am doing its not working. The desktop mode is fine but mobile view is bad hence need your help.

    https://coverfaktory.com/product/beautiful-flower-and-leaves-design-hard-case-phone-cover/

    Mobile View

    #1494218
    Srinivas

    [img]https://i.imgur.com/78kKeSp.png[/img]

    #1494228
    David
    Staff
    Customer Support

    Hi there,

    try adding this CSS:

    .woocommerce form.cart table.variations tr {
        display: flex;
        align-content: center;
    }
    
    .woocommerce form.cart table.variations tr td {
        flex: 1;
    }
    
    .woocommerce form.cart table.variations tr td.label {
        flex: 0 0 75px;
    }
    #1494421
    Srinivas

    Ohhh Wow David! you are a saviour. I was on this for the last 1 day on this. You are awesome. This was the quickest and fastest reply and solution that was provided to me. Thanks guys

    #1494430
    David
    Staff
    Customer Support

    Glad to be of help!

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.