Stefano Putzu
posted this
14 May 2020
My question always referred to the woocommerce shortcode,
a week ago I asked you how I could align the color variant icons horizontally because they were displayed vertically,
you sent me the following CSS to insert:
ul.variable-items-wrapper.image-variable-wrapper
{
list-style: none;
}
.variable-item: not (.radio-variable-item) {
display: inline-block;
margin: 5px;
}
that worked, my question now is this:
the icons have been aligned horizontally but they are positioned only on the right side,
is there a way, by modifying the css in question to place the icons under the main image and see them horizontally along the entire width of the page?
I insert the link to the page for verification: https://www.professione-casa.com/t-comfort-1/
My question always referred to the woocommerce shortcode,
a week ago I asked you how I could align the color variant icons horizontally because they were displayed vertically,
you sent me the following CSS to insert:
ul.variable-items-wrapper.image-variable-wrapper
{
list-style: none;
}
.variable-item: not (.radio-variable-item) {
display: inline-block;
margin: 5px;
}
that worked, my question now is this:
the icons have been aligned horizontally but they are positioned only on the right side,
is there a way, by modifying the css in question to place the icons under the main image and see them horizontally along the entire width of the page?
I insert the link to the page for verification: https://www.professione-casa.com/t-comfort-1/