Styling Cross-Sells

  • Resolved DylanR

    (@dylanr)


    11 years, 4 months 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?

    https://www.ads-software.com/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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Contributor James Koster

    (@jameskoster)

    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

    Thread Starter DylanR

    (@dylanr)

    Hi James,

    Thank you very much for the quick reply,

    This has resolved my issue.

    Ta muchly!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Styling Cross-Sells’ is closed to new replies.