What is the process for modifying cart font and padding in Shopify?

peter550
Explorer
76 1 36

I am trying to chnage the font of the cart bits (like price, total, quantity etc...) to be lovato regular, like the rest of the site. I want it all to be lovato regular

Additionally I would like to add some padding below 'add to cart'

Screenshot 2021-10-29 at 12.52.12.png

Any help is much appreciated!

 

Pete

 

https://laz-the-plant-scientist.myshopify.com

P word test

Theme blockshop

Replies 5 (5)

dmwwebartisan
Shopify Partner
12282 2546 3694

@peter550 

please Go to Online Store->Theme->Edit code then go to assets/theme--async.css- ->paste below code at the bottom of the file.

  .cart--headings>* { font-family: 'Lovato Regular' !important;}

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

24by7themes
Shopify Partner
400 61 79

Please below line of code in css file

.template--cart [data-item=accent-text] {
    font-family: 'Lovato Regular' !important;
}
Shopify Plus Expert, Quality Service Provider, CONTACT ME for any kind of solutions.
Please like and accept solution. SKYPE -> live:gp21111990
peter550
Explorer
76 1 36

Hiya @24by7themes  @dmwwebartisan 

 

That worked for some of it, but not the 'Total' at the bottom. 

 

Also, do you have code to increase the padding below the word 'Cart'? 

 

Screenshot 2021-10-29 at 14.15.04.png

dmwwebartisan
Shopify Partner
12282 2546 3694

@peter550 

please Go to Online Store->Theme->Edit code then go to assets/theme--async.css- ->paste below code at the bottom of the file.

.cart--total--price {
    font-family: 'Lovato Regular' !important;
}

.cart--totals>:not(:last-child) {
    font-family: 'Lovato Regular' !important;
}

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
peter550
Explorer
76 1 36

@dmwwebartisan 

 

unfortunately that still doesn't work! 

Screenshot 2021-11-01 at 17.47.36.png