Bold Items In Cart Drawer

Solved

Bold Items In Cart Drawer

MMast
Trailblazer
182 1 26

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 Partner
2401 695 830

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.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

View solution in original post

parth_ghelani
Shopify Partner
259 38 38

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.

Was your question answered? Mark it as an Accepted Solution.
If you need further assistance to optimize your store, please don't hesitate to reach out. I'm committed to providing you with my full support and ensuring that you get the most out of our collaboration.

Get in Touch: You can contact me directly at softkarts@gmail.com for any questions or concerns

View solution in original post

GTLOfficial
Shopify Partner
769 160 169

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 Partner
2401 695 830

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.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now
MMast
Trailblazer
182 1 26
BSS-TekLabs
Shopify Partner
2401 695 830

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.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now
MMast
Trailblazer
182 1 26

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

parth_ghelani
Shopify Partner
259 38 38

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.

Was your question answered? Mark it as an Accepted Solution.
If you need further assistance to optimize your store, please don't hesitate to reach out. I'm committed to providing you with my full support and ensuring that you get the most out of our collaboration.

Get in Touch: You can contact me directly at softkarts@gmail.com for any questions or concerns

GTLOfficial
Shopify Partner
769 160 169

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