Align variations to second line or how to align middle choise
-
I would like to ask you for advice. I have a slightly isolated request for adjustment. I have 2 identical attributes of the variant, namely the color. When I need to start a variant – color decor and wood decor, which is almost the same and I didn’t manage to achieve that. I would like to split at least one variant into a new line. That is, aligning that after 5 properties there would be a new line – or modifying the code so that they could be sorted 4 on one line and the rest on the other. See link. Thank you
Using: WP + swatches plugin PRO, woocommerce + DIVI
The page I need help with: [log in to see the link]
-
@vitruvian24 You can do that using the below CSS, play with flex-grow and width calculation as per your requirement. Add the below code under your child theme style.css, see screenshot below for the preview.
.woo-variation-swatches .variable-items-wrapper { flex-grow: 5; width: calc(100% * (3/4)); }OUTPUT:
- The topic ‘Align variations to second line or how to align middle choise’ is closed to new replies.
