How can I make the price bold on the Expanse theme?
Hi Guys, I recently updated my Expanse theme to the newest version. All my configuration disappeared after the update. I would like to remove the word ''price'' on product page and also make the price bold enough. How should I do that?
Thanks!
Hello @Eze_Paul
You can add code by following these steps
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. Paste the below code before </body> on theme.liquid
<style>
.product-block.product-block--price label {
display: none !important;
}
span.product__price span {
font-weight: 800 !important;
}
</style>
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.
Hey @Eze_Paul,
Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.
<style>
.product-block.product-block--price > label {
display: none !important;
}
.product-block[data-dynamic-variants-enabled] {
display: none !important;
}
span.product__price {
font-weight: 600 !important;
}
</style>
Screenshot is for reference only, the correct code to paste is the one shown above.
Result:
You can add code by following these steps
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. Paste the below code before </body> on theme.liquid
<style>
@media screen and(max-width: 767px){
span.product__price span {
font-weight: 900 !important;
font-size: 25px !important;
}
}
</style>
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.
Hello @Eze_Paul
You can add code by following these steps
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. Paste the below code before </body> on theme.liquid
<style>
.product-block.product-block--price label {
display: none !important;
}
span.product__price span {
font-weight: 800 !important;
}
</style>
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.
You can add code by following these steps
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. Paste the below code before </body> on theme.liquid
<style>
@media screen and(max-width: 767px){
span.product__price span {
font-weight: 900 !important;
font-size: 25px !important;
}
}
</style>
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.
Hey @Eze_Paul,
Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.
<style>
.product-block.product-block--price > label {
display: none !important;
}
.product-block[data-dynamic-variants-enabled] {
display: none !important;
}
span.product__price {
font-weight: 600 !important;
}
</style>
Screenshot is for reference only, the correct code to paste is the one shown above.
Result:
Community Blog Articles
As 2024 wraps up, the dropshipping landscape is already shifting towards 2025's trends....
By JasonH Nov 27, 2024
Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024
In today’s interview, we sat down with @BSS-Commerce to discuss practical strategies f...
By JasonH Nov 13, 2024