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

Custom CSS for "price"

Solved

Custom CSS for "price"

alongsideyou
Tourist
9 0 4

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.

Accepted Solution (1)
Moeed
Shopify Partner
7764 2082 2568

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:

Moeed_0-1732530850354.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


View solution in original post

Replies 9 (9)

ZestardTech
Shopify Partner
6161 1100 1479

Hello @alongsideyou 

Please share your store URL and password.
So that I will check and let you know the exact solution here.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
alongsideyou
Tourist
9 0 4

Thank you!

topnewyork
Astronaut
1552 192 253

Hello,


Please share "Store URL"


Thanks!

Need a Shopify developer? Hire us at Top New York Web Design
Boost Your Store Sales with Volume/Tier Discount Try Big Bulk Discount
Create New Shopify Store For Just 1$/Month
alongsideyou
Tourist
9 0 4

Thank you

topnewyork
Astronaut
1552 192 253

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!

Need a Shopify developer? Hire us at Top New York Web Design
Boost Your Store Sales with Volume/Tier Discount Try Big Bulk Discount
Create New Shopify Store For Just 1$/Month

Moeed
Shopify Partner
7764 2082 2568

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

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


alongsideyou
Tourist
9 0 4

Thank you!!

Moeed
Shopify Partner
7764 2082 2568

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:

Moeed_0-1732530850354.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


Rahul_dhiman
Shopify Partner
856 168 186

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
28.png

If this was helpful, hit the like button and accept the solution.
Thanks

Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront

Contact here


BEST CUSTOMER ACCOUNTS APP WITH CUSTOM WISHLIST OPTION 
TRY OUR APP :

PWC: Customer Accounts & Pages