Bold Items In Cart Drawer

Solved

Bold Items In Cart Drawer

MMast
Trailblazer
182 1 25

Thanks in advance!

I am looking to make the word “Subtotal” and the number (cost $) across from it bold that works for both mobile version and pc version.
Example shown below.

How my site looks:

E5208F34-B0D6-4878-85FE-71DD35B45990.jpeg

How I would like my site to look:

IMG_0788.jpeg

 

https://decemberschild.com

password: dc

Accepted Solutions (3)

BSS-TekLabs
Shopify Expert
391 122 131

This is an accepted solution.

- Here is the solution for you

- Please follow these steps:

step.png

- Then find the base.css file.

- Then add the following code at the end of the file  or line 12 of the file.

 

.totals .totals__total, .totals .totals__total-value {
 font-weight: bold !important;
}

 

- Here is the result you will achieve:

BSSTekLabs_0-1719033749509.png

 

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

 

If our suggestions are useful, please let us know by giving it a like or marking it as a solution .
For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase

Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

View solution in original post

parth_ghelani
Shopify Partner
74 11 12

This is an accepted solution.

Hello @MMast 

To make the items bold, you just need to follow below steps:

 1. Go to admin > Online store > edit code.

 2. In the code directory, find the file name component-cart-drawer.css

 3. Copy the below CSS code and paste it at the end of the file and save it.

.cart-drawer__footer .totals * {
  font-weight: 700;
  color: #000;
}

 

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

Parth Ghelani

View solution in original post

GTLOfficial
Shopify Expert
246 44 47

This is an accepted solution.

Hello @MMast 

Go to online store ---------> themes --------------> actions ------> edit code-------> assets--------> component-total.css

and add this code at the bottom of the file

.totals__total {
  font-weight: bold;
}

and this code also

.totals__total-value span {
  font-weight: bold;
}

and the result will be
11.png

If you find this helpful, please like and mark the job as completed.
Thanks

- Buy me a Pizza
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. GTL web solutions
- Want Complete Storefront: Send an email ⇨- Email: info@gtlofficial.com - Skype: ritesh_27dh

View solution in original post

Replies 6 (6)

BSS-TekLabs
Shopify Expert
391 122 131

This is an accepted solution.

- Here is the solution for you

- Please follow these steps:

step.png

- Then find the base.css file.

- Then add the following code at the end of the file  or line 12 of the file.

 

.totals .totals__total, .totals .totals__total-value {
 font-weight: bold !important;
}

 

- Here is the result you will achieve:

BSSTekLabs_0-1719033749509.png

 

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

 

If our suggestions are useful, please let us know by giving it a like or marking it as a solution .
For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase

Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
MMast
Trailblazer
182 1 25
BSS-TekLabs
Shopify Expert
391 122 131

I edit the solution. please check it.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution .
For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase

Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
MMast
Trailblazer
182 1 25

It didn’t work in my base.css folder but worked in my theme.liquid folder. Thank you!

parth_ghelani
Shopify Partner
74 11 12

This is an accepted solution.

Hello @MMast 

To make the items bold, you just need to follow below steps:

 1. Go to admin > Online store > edit code.

 2. In the code directory, find the file name component-cart-drawer.css

 3. Copy the below CSS code and paste it at the end of the file and save it.

.cart-drawer__footer .totals * {
  font-weight: 700;
  color: #000;
}

 

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

Parth Ghelani

GTLOfficial
Shopify Expert
246 44 47

This is an accepted solution.

Hello @MMast 

Go to online store ---------> themes --------------> actions ------> edit code-------> assets--------> component-total.css

and add this code at the bottom of the file

.totals__total {
  font-weight: bold;
}

and this code also

.totals__total-value span {
  font-weight: bold;
}

and the result will be
11.png

If you find this helpful, please like and mark the job as completed.
Thanks

- Buy me a Pizza
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. GTL web solutions
- Want Complete Storefront: Send an email ⇨- Email: info@gtlofficial.com - Skype: ritesh_27dh