Woocommerce cross sell images are jacked up

Support
#1

Hi.

I need the cross sell images (e.g. that appear under the cart) to be in squares, evenly sized, in one row across the screen. (e.g. the Indie Film Business Plan product right next to TEST 2 product)

I have regenerated my thumbnails.

Settings in Theme Options > Woocommerce are set to Cross Sells ON, Cross Sell Columns: 2, # of Cross Sells: 4.

Hi.

I need the cross sell images to be in squares, evenly sized, in one row across the screen. (e.g. the Indie Film Business Plan product right next to TEST 2 product)

Right now, it looks like this: (One is wider and on top of the other.)

I have regenerated my thumbnails. That didn’t help. All image sizes are 300x300 square, and their thumbnails are 150x150. Thanks in advance.

#2

Hi There,

Please try adding this custom CSS under X > Theme Options > CSS:

.cross-sells ul.products li {
    width: 24%;
    margin-right: 1%;
}
.cross-sells ul.products li.product .entry-header h3 {
    font-size: 14px;
    text-align: center;
}

Hope it helps :slight_smile:

#3

That did the trick. Thanks, Themeco™!