Archived topic
Text above woocommerce options
3 replies · Started by Kasper on October 14, 2020
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