How can I change font weights and size on the cart page?

[thomasmrgn99]

Hi,

Would appreciate some help changing the font weights and size on the cart page.

1. ‘SHOPPING CART’ cart title in bold and higher font size

2. Sale price (green) in bold

3. Subtotal price in bold

Website: https://pawcopets.co.uk/calmingbed

Theme is Gecko

Appreciate help for any or all of them

[rutvik_shop]

Hello @thomasmrgn99 !
Please add the below CSS in the theme.css theme file at the bottom to have the changes as you required:

.h3.widget-title.tu.fs__16.mg__0 {
    font-size: 20px !important;
    font-weight: 700 !important;
}
.price ins {
    font-weight: 700 !important;
}
.cart_tot_price {
    font-weight: 700 !important;
}

Hope this helps.

[Mr_RaviRaj]

@thomasmrgn99

.h3.widget-title.tu.fs__16.mg__0 {
    font-size: 18px !important;
    font-weight: 600 !important;
}
.cart_tot_price {
    font-weight: 600 !important;
    font-size: 19px !important;
}
.price ins {
    font-weight: 700 !important;
}

Add this code in the theme.css file.
Thank you.

[thomasmrgn99]

Thanks @rutvik_shop !! Amazing

Do you know how I can add a border under subtotal like here?

[rutvik_shop]

Hello @thomasmrgn99 !
Yes please add the below CSS in the style.min.css theme file at the bottom.

.mini_cart_footer .total {
    border-bottom: 1px solid #268270 !important;
}

[thomasmrgn99]

Thanks @rutvik_shop !!

How can I add a little bit of padding between button and border line?

Thanks

[rutvik_shop]

Hello @thomasmrgn99 !
Add the below CSS in the theme.css file:

button.button.btn-checkout.mt__10.mb__10.js_add_ld.truncate {
    margin-top: 15px !important;
}

[thomasmrgn99]

@rutvik_shop Very kind of you thanks

How can I bold the sale price on sticky add to cart?

[rutvik_shop]

.sticky_atc_price ins {
    font-weight: 700 !important;
}