Are you a GenerateCustomer?

Do you have an active GP Premium or GenerateBlocks Pro license key?

Create a GenerateSupport account for GeneratePress and GenerateBlocks support in one dedicated place.

Create an account
Already have a GenerateSupport account? Login

Just browsing?

Feel free to browse the forums. Support for our free versions is provided on WordPress.org (GeneratePress, GenerateBlocks).

Want to become a premium user? Learn more below.

GeneratePress GenerateBlocks

How to get the variant tabs and dropdown list to be displayed in 2 separate rows

  • Sean
    May 4, 2023 at 1:01 am

    Hi, I would like to know how to get the variant tabs and dropdown list to be displayed in 2 separate rows on my site?

    Is there any css or php to do it?

  • David
    May 4, 2023 at 3:29 am

    Hi there,

    try this CSS:

    .woocommerce div.product form.cart .variations tbody > tr {
    display: flex;
    flex-direction: column;

}
.woocommerce div.product form.cart .variations tbody > tr :is(th,td) {
    padding: 4px 0;
}
  • Sean
    May 4, 2023 at 5:05 am

    Hello, I used this css, and it is very effective. Thank you, David.

  • David
    May 4, 2023 at 6:27 am

    Glad to hear that!

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