Css for variations

  • Resolved ptuchos

    (@ptuchos)


    3 years, 1 month ago

    Hello. I have a small problem regarding the “Single Add to Cart”. As the variations were too far apart, I used this css to decrease the spacing:

    td.value.woo-variation-items-wrapper {
    background-color: #fff;
}

.woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th {
    
    background-color: #fff;
}

td.value.woo-variation-items-wrapper {
    margin-top: -23px;
     margin-bottom: -23px;
}

.woocommerce div.product p.price, .woocommerce div.product span.price {
    font-weight: 600;
    font-size: 30px;}

.woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-enabled {
    margin-top: 20px;
}

    However, I could not solve the problem of the chosen variations being practically above the title of the variation. I took a print to better clarify the problem.: https://i.imgur.com/Hs9OtkC.png

    Is there any css code to solve this?

    I would like it to be like this: https://i.imgur.com/1dxf7HP.png (the variation chosen in front of the title).

    • This topic was modified 3 years, 1 month ago by ptuchos.
Viewing 2 replies - 1 through 2 (of 2 total)
  • Mirko P.

    (@rainfallnixfig)

    Hi @ptuchos,

    Thanks for reaching out on the WooCommerce core forum.

    What’s your website URL? It’s kind of hard to offer any detailed guidance without being able to see the HTML and CSS of the site.

    Cheers.

    Mirko P.

    (@rainfallnixfig)

    Hi there,

    It’s been a while since we last heard from you, so I’m marking this thread as resolved.

    Hopefully, you’ve been able to resolve this, but we’ll be here if and/or when you are ready to continue.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Css for variations’ is closed to new replies.