Shopify themes, liquid, logos, and UX
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:
How I would like my site to look:
password: dc
Solved! Go to the solution
This is an accepted solution.
- Here is the solution for you
- Please follow these steps:
- 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:
- 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
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.
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
If you find this helpful, please like and mark the job as completed.
Thanks
This is an accepted solution.
- Here is the solution for you
- Please follow these steps:
- 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:
- 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
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
It didn’t work in my base.css folder but worked in my theme.liquid folder. Thank you!
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.
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
If you find this helpful, please like and mark the job as completed.
Thanks
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025