Shopify themes, liquid, logos, and UX
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
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.
Thank you! Are you able to share the code you wrote and which file you copied the code into?
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
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
Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025