WordPress.org

Forums

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

  1. DylanR
    Member
    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?

    http://wordpress.org/extend/plugins/woocommerce/

    EDIT:

    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
    Member
    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.

    Thanks

  3. DylanR
    Member
    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

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

About this Topic