Style Cross-sells text

[alexanderchristiansen]

Hi Awesome Swift,
I would like to style the Cross-sell text on the cart: “You might be interested in..”
It will both be font-family, sizing, color etc. And if doable change the text that’s written into something else.

So far I did it like this – without impact:

h2, .blog-item .quote-excerpt {
    font-family:"Lato"!important;
    line-height: 28px;
    font-weight: 400;
    font-style: normal;
    font-size: 22px;
    letter-spacing:1px;
}

If you would like to see it on my site it’s organicbasics.com/
You will have to add the product “Enamel Mug” the cart and go to /cart/ page.

[alexanderchristiansen]

Got this one fixed – my above worked – just had to purge cache.
Follow-up.
I would like to change the font-size of the Product name on the cross-sell and it’s price – but not influence the /shop/’s styling.
Is this possible?
So only styling the cross-sell product name on cart – and not on /shop/.

[David Martin – Support]

Sure, please add this to Theme Options => Custom CSS:

.woocommerce-cart .woocommerce .products .product h3 {
  font-size: 14px;
}
.woocommerce-cart .woocommerce .products .product .price {
  font-size: 12px;
}

[alexanderchristiansen]

Amazing.
So – the photo of the up-sell product is scaled very badly – howcome this? It would be better visually if it was scaled like the ones in the cart?

Is it possible to float the price and heading to the left?

Is it possible to change the text on “You may be interested in…”

[alexanderchristiansen]

And how do I hide the “Sale” tag?

[David Martin – Support]

1) Are you looking to increase the width or simply improve the resolution?

2)

body.woocommerce-cart .products .product .product-details {
    text-align: left;
}

3) Do so here: Theme Options => WooCommerce Options => Product Page => Upsell Heading Text

4)

.woocommerce-cart .badge-wrap {
  display: none;
}