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

  1. DylanR
    Posted 2 years 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 2 years 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 2 years 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

  • WooCommerce - excelling eCommerce
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic