Site logo

Archived topic

Text above woocommerce options

3 replies · Started by Kasper on October 14, 2020

Viewing posts 1–4 of 4

Hi
Is there a way to move up some text (connected to a whitebox). https://www.optimasport.dk/produkt/optimasport-recovery-boots-pro/

I want to "connect" the text: "Find min størrelse" to be above the drop down box "længde".

And I want a new box "Bukser eller boots" to be above the drop down box "Bukser eller boots".

Is this possible?

Here is a page that does the above: https://shapingnewtomorrow.dk/products/classic-pants-regular-black

Hi there,

the best i can offer is this CSS:

/* stack variation label and select */
.woocommerce .woobuilder-add-to-cart .variations tr {
    display: flex;
    flex-direction: column;
}
/* reduce spaing between variations */
.woocommerce .woobuilder-add-to-cart .variations tr td {
    line-height: 1em !important;
}
.single-product div.product.woobuilder .woobuilder-block form.cart,
.woocommerce div.product form.cart .variations {
    margin-bottom: 0.5em !important;
}
/* Move variations below size finder */
.woocommerce .woobuilder-add-to-cart {
    order: 20;
}

This will move the Find Size option above the variations selects, its not possible to move it in between but i suppose you can now re-order the select options.

Thank you.

You're welcome

This archived topic is closed to new replies.