Recent searches
No recent searches
How to bold specific words in Zendesk Guide article titles?
Answered
Posted Sep 16, 2022
Hello! Does anyone know how to format article titles and making only certain words in boldface (like the screenshot below)? Is this a feature that's theme-specific or can it be done on any Zendesk Guide?
0
7
7 comments
Ifra Saqlain
Hi Ria Fernandez,
If you see the words, it has been done by the JS for the specific words such as Connect, Add, Remove so all the Connect, Remove, Add, etc words show bold in the title or paragraph or everywhere or specific template as Section page, Category page, Article page, Homepage, etc. using the main-class-name of these pages.
Thanks
Team
1
Ria Fernandez
Hi Ifra,
Thanks so much for your response! I don't quite understand though.. Did you mean that the bolding of the words was done by Javascript, like by code? I only want to do this in the home and category pages if possible. How exactly can I do this?
I've checked the category_page.hbs code but I'm not sure where to do it as the article titles aren't listed there.
I've noticed that the html shows the highlight class, but I don't know where to add this class tag.
0
Ifra Saqlain
Hey Ria Fernandez, copy the given code snippet and paste it to your script.js file at the bottom area.
Thanks
Team
1
Ria Fernandez
That worked beautifully!
Thank you so much, Ifra!
0
Ifra Saqlain
Ohh, that's great! :)
0
Hannah Lucid
Hi! Is there a way to use this code to make the field descriptions bold on a specific form and field?
0
Elaine
Thank you for your question!
Yes, you can make field descriptions bold in a specific form by using custom CSS. To achieve this, you can add a CSS rule targeting the specific form and field in your Zendesk Guide or the theme editor.
For example, you might use code similar to this:
Ensure you replace #form-id with the actual ID of your form. This will apply bold styling to the descriptions of that particular form field.
If you need further assistance with implementing this or have any additional questions, feel free to ask!
0