How can I make the price appear in bold font on my website?

Solved

How can I make the price appear in bold font on my website?

Zakariatheguy
Excursionist
52 0 9

Hello ,  

The price in bold font 

Website:https://www.auntclothing.com/collections/tshirt

Password:auntsoon

 

Zakariatheguy_0-1669242757586.png

 

 

Accepted Solution (1)

ZenoPageBuilder
Shopify Partner
1052 203 225

This is an accepted solution.

Hello @Zakariatheguy 👋

In Shopify Admin, you can go to Edit theme code, open file base.css and add this code at the bottom

.price {
    font-weight: bold !important;
}

The result

Screenshot 2022-11-24 at 09.13.46.png

Hope that helps!

Zeno Page Builder - Build responsive & SEO-optimized Landing pages, Blog posts, Product pages and more...
Learn more at zenobuilder.com

View solution in original post

Replies 8 (8)

Zakariatheguy
Excursionist
52 0 9

How can I make the price (80 EUR) IN Bold

AfterDarkGrafx
Shopify Partner
219 13 57

Hello - 

1) click on ONLINE STORE

2) on right select the ACTIONS drop down or the 3 little dots to the left of the CUSTOMIZE button and select DUPLICATE to make a backup of your theme

3) select this same drop down and select EDIT CODE

4) scroll down on left and click on ASSETS

5) depending on your theme, there is a file called   base.scss or theme.scss or theme.css  - something like that. Select it

6) code will load on right

7) scroll ALL THE WAY DOWN TO THE BOTTOM OF THE FILE on the right and put in

 

.price {font-weight:bold;}

 

😎 Then SAVE top right.

 

This will make the price BOLD throughout the entire website.

 

9) click the icon TOP left of screen to EXIT this editor.

James Byrne, Owner, Information Architect (USMC VET)
After Dark Grafx - Since 1992
"We Work After Dark, So You Don't Have To!"
https://www.afterdarkgrafx.com

Services: Website Design, Mobile App Development (iOS, Android, Windows), Ecommerce, Magento, Shopify, Miva, BigCommerce, Search Engine Optimization, Wordpress, Hosting, Graphic Design, Merchant Accounts, Consulting and all things web related!

Certified Partner/Developer/Affiliates: Shopify, Google Integrator, Wordpress, Zoho, AuthorizeNet, Geotrust and a Member of the San Diego Regional Chamber of Commerce, Veteran Owned Businesses, Veteran's In Business Network.

I also build custom apps for Shopify!

ZenoPageBuilder
Shopify Partner
1052 203 225

This is an accepted solution.

Hello @Zakariatheguy 👋

In Shopify Admin, you can go to Edit theme code, open file base.css and add this code at the bottom

.price {
    font-weight: bold !important;
}

The result

Screenshot 2022-11-24 at 09.13.46.png

Hope that helps!

Zeno Page Builder - Build responsive & SEO-optimized Landing pages, Blog posts, Product pages and more...
Learn more at zenobuilder.com
Mkm2021
Tourist
13 0 1

working 2023 ..what about vendor?

ZenoPageBuilder
Shopify Partner
1052 203 225

Hello @Mkm2021 

It depends on your theme. Can you send me the URL to the page?

Zeno Page Builder - Build responsive & SEO-optimized Landing pages, Blog posts, Product pages and more...
Learn more at zenobuilder.com
Mkm2021
Tourist
13 0 1

i managed to change price to bold but vendor i can not find any solution

im using dawn theme

PageFly-Victor
Shopify Partner
7865 1785 3103

Hi @Zakariatheguy ,

 

This is Victor from PageFly - Advanced Page Builder App.

 

You can try with this code:

Please follow this:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css.

Step 3: paste below code in bottom of file -> save.

 

.price {

    font-weight: bold !important;

}

PageFlyVictor_0-1669256215880.png

 

Hope that my solution works for you.

Best regards,

Victor | PageFly

GemPages
Shopify Partner
5625 1261 1243

Hello @Zakariatheguy 

 

You can follow these steps:
1. Go to Online Store->Theme->Edit code
2. Open your theme.liquid file, paste the below code before </body>

 

<style>
  .price span.price-item.price-item--regular {
    font-weight: bold;
}
</style>

 

GemPages_0-1669257452274.png

I hope the above is useful to you.

Kind & Best regards,
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center