Okay
  Public Ticket #1112782
Product page variations
Closed

Comments

  •   seduco1 started the conversation
  •  1,558
    Laborator replied

    Hi there,

    You can do that by adding this CSS at your Custom CSS area:

    .laborator-woocommerce .product-single .entry-summary .variations_form .variations .value {
        width: 207px;
        float: left;
    }
    

    Anyway, its not recommended to limit the size of the selector as it can change on different screen views.

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  •  2
    seduco1 replied

    Thanks for your fast reply.

    If it is not recommended, it would be great if we could just put the product variations selector under the headline of product variations (see screenshot).

    Can you help me with that, please ?

  •  1,558
    Laborator replied

    Hi seduco1,

    It's the same, the reason why I said it's not recommended is because setting an exact width to any button is not a good idea, it can work great but it also can show more longer or shorter on some screens. 

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  •  2
    seduco1 replied

    Hello,

    Okey, but this element can be responsive, and still look good. What if it had same size and responsiveness as the "add to cart" button? 

  •  1,558
    Laborator replied

    Couldn't understand what you said. You have the look as you wanted firstly, and I checked it on mobile too it looks good.

    If you're looking for professional help in this matter, there's always someone available for such tasks on the Envato Studio or WP Kraken. Pricing and timeline are always straightforward there and that's the main reason for recommending those services.

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group