Archived topic
Layout issue when using unordered list in short description
5 replies · Started by mc208 on May 26, 2017
See here: https://goo.gl/8s1YGT
I'm using one product column with image aligned left, using the updated version of the theme Tom sent to me. This category of products has an unordered list in the short description and something is causing it not to display to the right of the product image like it should.. Is there a fix for this?
Hi Mike,
Good catch, try adding this CSS:
.woocommerce-image-align-left .products ul,
.woocommerce-image-align-left ul.products,
.woocommerce-image-align-left .products ul:after,
.woocommerce-image-align-left ul.products:after,
.woocommerce-image-align-right .products ul,
.woocommerce-image-align-right ul.products,
.woocommerce-image-align-right .products ul:after,
.woocommerce-image-align-right ul.products:after {
clear: none;
}Fixed! Thanks! :-)
Thanks for reporting! :)
Wait, I lied, not 100% fixed. If the list is longer, it jumps down below the product image, see here:
https://goo.gl/hK52gg
Hmm, unfortunately that's just how floating elements act - things wrap around them.
You could try setting it so that product image has a taller container:
@media (min-width: 769px) {
.post-119 .wc-product-image {
height: 500px;
}
}