Font Formatting Issue on Product Details Page

Verterra
Excursionist
23 1 2

Hi, I am hoping someone can help me with formatting issues I'm having on my Shopify Product Pages. 
I am using an app called 'Variant Description' to help with my Variant Descriptions. However, I noticed that when it shows on my page, the font formatting (bolded font, consistent font sizes in the table), is not reflected on my shopify page. 

I attach below the photo of my shop preview, and the way I have formatted the product description using the app. Is anyone able to help please? Thanks!

 

My shop preview link is: https://verterra.sg/?_ab=0&_fd=0&_sc=1&preview_theme_id=166588514587

 

Verterra_0-1715835803856.png

Verterra_2-1715835883896.png

 

 

 

Replies 4 (4)

Liqiud_xPert_SJ
Shopify Partner
804 100 128

@Verterra 

 

You just need to write some css code into your base.css file which is located in the theme files. and the product page will be look fine.

 

2024-05-16 10_28_00-.png

- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂
Verterra
Excursionist
23 1 2

Thank you! Are you able to share the code you wrote and which file you copied the code into? 

Liqiud_xPert_SJ
Shopify Partner
804 100 128

@Verterra 

please add the below code into your base.css file at the bottom

.product__info-container  table span {
	font-size: 1.9rem !important;
	letter-spacing: 0.05rem !important;
	line-height: 1.55 !important;
	font-family: var(--font-body-family) !important;
	font-style: var(--font-body-style) !important;
	font-weight: var(--font-body-weight) !important;
}

 

Online Store > Edit Code > Theme Files > Assets > base.css file

 

Thanks

- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂

sahilsharma9515
Shopify Partner
976 122 183

Hi @Verterra You can solve it with the help of editing the HTML code in the description section, but first I will suggest you to connect with the app support as there is a conflict issue in the app due to which your bold text is not showing up in the frontend, They are the best persons to solve this issue, if you want to do it at your end then you need to accomplish it with editing the code in your theme, which is not suggested when the issue is from a 3rd party app.

 

Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

 

Best Regards

Sahil

- Your

 Coffee Tip 

can create magic in coding ❤️❤️

- Need a Shopify Developer? CHAT ON WHATSAPP or EMAIL ME !


- Hopefully the solution will help you. If yes then Please hit

 Like 

and

 Mark it as solution! ❤️