WooCommerce - excelling eCommerce
[resolved] Styling Cross-Sells (3 posts)

  1. DylanR
    Posted 1 year ago #

    Hi all,

    I'm wondering if it's possible to style the cross-sells in the cart area separately from the store page?

    Currently, my cross-sells use the exact same styling as the store page products. It looks like this is how it has been set up in woocommerce.css, and I just can't seem to do anything about it

    Does anyone know a way around this?



    I shouldn't have access to the internet before I have access to coffee.

    I've figured out how to style the cross sells ul / li, but I still can't figure out how to change the size of the images without messing up the store design

  2. jameskoster
    Plugin Author

    Posted 1 year ago #

    You can change the images with CSS.

    .cross-sells ul.products li.product img {
    width: 300px;

    Remember they use the same dimensions as the images in your product archives though, so not a good idea to make cross sells vastly different in terms of size.


  3. DylanR
    Posted 1 year ago #

    Hi James,

    Thank you very much for the quick reply,

    This has resolved my issue.

    Ta muchly!

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic