Hi,
I optimised my product descriptions, made it all nice, highlighting the important information in bold (with tags strong), but it won’t show it bold on live website. Can anyone help? There must be something in the code preventing it from displaying. It is very possible I used another code in the past, but I just don’t remember. Website: www.myloandmasboutique.com
I’ll be happy for any help. Thank you in advance.
Hi, you can paste the following code to your theme edit code. got to layout > theme.liquid and paste the following code just before tag. let me know if it’s works.
{% style %}
.product__description {
font-weight: 900 !important;
}
{% endstyle %}
OR
Hi @myloandmas ,
Everything is looking fine on your products description. but in case you need some customization then let me know.
thanks and regards
Manoj
I just check when product description print in description all kind of formation is removed. Can you check your back end they are showing or not
I’m afraid I don’t know what you mean. It’s not bold. Can you specify please?
Hi @myloandmas ,
Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css/main.css/custom.css file Add the provided code at the end of the file.
.product__description {
font-weight: 900 !important;
}
@myloandmas
use this css
strong {
font-weight: bold !important;
color: #000;
}
How to Add This to Shopify YourYour Theme:
- Go to Shopify Admin → Online Store → Themes.
- Click “Customize” on your theme.
- In the theme editor, go to “Theme settings” (bottom left).
- Scroll down and click “Custom CSS”.
- Paste the above CSS code and save changes.
Alternative (Edit Theme CSS Directly):
- Go to “Online Store” → “Themes”.
- Click “Actions” → “Edit code”.
- Open base.css inside the assets folder.
- Paste the CSS at the bottom and Save.
It will then look like
I think this is what you are looking.
If you found this helpful, we’d really appreciate it if you could give it a thumbs up and mark it as the solution!
Hi @myloandmas
You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file base.css and add this code at the end of the file
.product__description.rte.quick-add-hidden {
font-weight: bold !important;
}
Result
Best,
DaisyVo