[Resolved] Layout issue when using unordered list in short description

[mc208]

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?

[Tom]

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;
}

[mc208]

Fixed! Thanks! 🙂

[Tom]

Thanks for reporting! 🙂

[mc208]

Wait, I lied, not 100% fixed. If the list is longer, it jumps down below the product image, see here:
https://goo.gl/hK52gg

[Tom]

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;
    }
}

[Author]

Posts