How can I just bold certain word in a text?

Tagged: , , ,

Author Posts

ezoodeen December 29, 2020 at 4:04 am

Heads up! this post was created when Microthemer was at version 6. The current version is 7. Some references to the interface may be out of date.

According to the question, I have a radio button in a form.
I want a certain word in the radio button text need to be bold.
I just want to bold the word “FACE-TO-FACE” only.
Is there any ways that I can do that? Thanks in advanced.

Image URL

Sebastian December 29, 2020 at 7:25 pm

Hey,

You can do this, but you need to edit the radio button label HTML, to encase the “FACE-TO-FACE” bit with a HTML tag. So if you currently have:

Exclusive private coaching – FACE-TO-FACE

You would change it to:

Exclusive private coaching – <span>FACE-TO-FACE</span>

Once you have encased the text you want to make bold with a HTML tag (it could be any, even strong or b, but span is for general purpose encasing) you can target that text with Microthemer and apply new styling.

If you can’t edit the radio button label, you could achieve this with some JavaScript, but it would be quite convoluted.

I hope that helps!

ezoodeen December 30, 2020 at 9:56 am

Where can I edit the radio button label HTML?

Sebastian December 30, 2020 at 11:33 am

That depends on how the form in your image was created. If it was created using a form builder plugin, you might be able to add the span HTML tags by simply editing the an input field somewhere. However, it’s possible the form builder will escape your HTML tags (and print plain text instead).

If it was created using a page builder component, you may find a field to edit there too.

Or in some theme options if the form is provided by the theme.

Otherwise, you may find that you simply can’t edit the text.

Cheers,
Sebastian

ezoodeen December 31, 2020 at 1:19 am

Thank you so much sir. My problem solved.


Sebastian December 31, 2020 at 3:46 pm

You’re welcome!

You must login or register to reply to this topic.