Shopify themes, liquid, logos, and UX
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
I'm trying to make the product price bold on my Shopify website using custom CSS code.
Does anyone know what custom CSS code would work to make this possible?
I'm using a bundle app from the Shopify store that allows me to enter custom CSS code.
Solved! Go to the solution
This is an accepted solution.
Hey @alongsideyou
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag
<style>
h4.price.money {
font-family: 'FS Koopman' !important;
}
</style>
RESULT:
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Hello @alongsideyou
Please share your store URL and password.
So that I will check and let you know the exact solution here.
Thank you!
Hello,
Please share "Store URL"
Thanks!
Thank you
Hello,
1) Go to Online Store
2) Edit Code
3) Find theme.css/base.css file
4) Add the following code in the bottom
dd.price.price--end {
font-weight: 900 !important;
}
Thanks!
Hey @alongsideyou
Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.
Best Regards,
Moeed
Thank you!!
This is an accepted solution.
Hey @alongsideyou
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag
<style>
h4.price.money {
font-family: 'FS Koopman' !important;
}
</style>
RESULT:
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Hello @alongsideyou
Go to online store ----> themes ----> actions ----> edit code ----> assets ---->section-main-product.css
add this code at the end of the file and save.
.product__title>*
font-weight: 900;
}
result
If this was helpful, hit the like button and accept the solution.
Thanks