How to adjust cart text size and format on my website?

[cmrecs]

Hi there, I have an issue with my site (https://nixnorthwest.com) - when you add an item to the cart, the font is extremely big and weirdly formatted. Really need a hand making it look right and not too big!! Also the view cart etc buttons and text is very small and hard to see. Any help would be much appreciated!

Thank you!!

[Moeed]

Hey @cmrecs

Follow these Steps:

1. Go to Online Store

2. Edit Code

3. Find theme.liquid file

4. Add the following code in the bottom of the file above tag

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[cmrecs]

Thanks for your help! I tried adding it into theme.liquid but it doesn’t seem to be working

Can you check I’m putting it into the correct place please?

[Moeed]

Hey @cmrecs

I’ve fixed the font size issue. You may have a look!

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[oscprofessional]

Hello @cmrecs

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

.cart-notification__heading {
    flex-grow: 1;
    font-size: 42px !important; 
}
h3.cart-notification-product__name.h4 {
    font-size: 21px !important;
    letter-spacing: 0px !important;
}
.button--full-width {
    font-size: 30px !important;
    letter-spacing: 0px !important;
}
.cart-notification__links>* {
    font-size: 30px !important;
}

[PageFly-Richard]

Hi @cmrecs

This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:
Online Store ->Theme ->Edit code
Assets ->Base.css

.cart-notification-product__name.h4 {
    font-size: 30px !important;
}

Hope you find my answer helpful!
Best regards,
Richard | PageFly