Bold or Underline select type

By: Robert Rock | Asked: 05/03/2023
ForumsCategory: How-toBold or Underline select type
Robert RockRobert Rock asked 1 year ago
I'm having trouble figuring out how to make only select type (part of the text for a check box or radio field) as bold or underline or both? Seems like I could, for example, easily use the style panel to change all the type that I would add to a check box or radio field, but what if I just wanted to change a portion of the line? You can see the form in progress here: https://new.neurosoma.com/seminar-registration Scroll down to "Register for the Following Class" and you'll see where the type is bold, but I only want a few words in bold. Thanks, Bob  
Attachments
2 Answers
Rob LeVineRob LeVine answered 1 year ago
Have you tried entering the option text with html/css in it, e.g.,
1 Day NeuroSoma® Essentials  ($175., registration ends 1 week prior to class)
Robert RockRobert Rock replied 1 year ago

I can add an HTML field certainly, which would allow me to bold or underliine type. But I want to take the existing type in the Radio Button or Checkboxes field, and then highlight a section of the type, as you did in your post, changing to bold or underline or both. Your example is fine, except that it's not a radio button. Does that make sense? If I try to accomplish this using the Style tab, it changes ALL the Radio Button text to bold. I'm not able to selectively change.

Rob LeVineRob LeVine replied 1 year ago

Sorry you lost me when you said that a radio button isn't a radio button...

Robert RockRobert Rock replied 1 year ago

OK, let me explain this way: I'm working on a form, and one of the fields has Radio Buttons and Checkboxes, like this page: https://new.neurosoma.com/seminar-registration
If you scroll down the form to where the Radio Buttons and Checkboxes are, you'll note that the text for those options is now all bold. That's because I used the style tab to change it to bold. But that changes ALL the type. I want to change only select type to bold, while still maintaining the functionality of the Radio Buttons and checkboxes. If I delete that field and start over on that section, and instead of Radio Buttons I insert a HTML field, that solves my formatting issue, but then I no longer have radio buttons. Any clearer now?

Robert RockRobert Rock replied 1 year ago

I even thought of adding a HTML field, and then inserting the Radio Buttons field inside the HTML box, but it doesn't work that way.

Rob LeVineRob LeVine replied 1 year ago

Ah, OK, we were two ships that passed in the daytime. What I was saying with my solution is not to make the field an HTML field, but to replace the radio button OPTION with the value (or derivation thereof) that I linked. So it's still the same radio/checkbox field, just the option itself contains HTML/CSS

Robert RockRobert Rock replied 1 year ago

Rob, not sure what you mean that you "linked", because all I saw in your post was an image. But I'm still unclear about what you suggest. In the "Radio Button Options" panel, there is of course "Add Option". But I don't see how the resulting "option" that is then added to the field can be configured to contain custom html or css. Perhaps if I could access the underlying code, I could manually change the code as desired? I apologize, but I'm just not following your suggestion.

Rob LeVineRob LeVine replied 1 year ago

Sonofa...

Try this

Robert RockRobert Rock replied 1 year ago

First of all Rob, thanks so much for your patience with me. I'm an expert with Photoshop and Lightroom, but a novice when it comes to HTML and CSS stuff. So bear with me. I understand your coding, but where exactly do I place it? I don't see a way to display the underlying code behind the form. Can you walk me through this? Much appreciated.

Robert RockRobert Rock replied 1 year ago

First of all Rob, thanks so much for your patience with me. I'm an expert with Photoshop and Lightroom, but a novice when it comes to HTML and CSS stuff. So bear with me. I understand your coding, but where exactly do I place it? I don't see a way to display the underlying code behind the form. Can you walk me through this? Much appreciated.

Rob LeVineRob LeVine replied 1 year ago

Because this interface is random in what it supports, I'll have to add the image as an "Answer". In a nutshell, you click on the radio button, move to the Radio Button Options on the left and replace the option text with your new text that includes the HTML and styling.

Rob LeVineRob LeVine answered 1 year ago
Image for previously entered comment
Attachments
Robert RockRobert Rock replied 1 year ago

<p>Your brilliant! It worked like a charm. I'd tried that before but it just showed the code text. But as soon as I clicked the UPDATE buttom, it all came together. Thanks so much. But now one last question...I also want to underline that same span in addition to bold. But when I added the HTML code ("u") for underline, it didn't show up. Perhaps I wasn't positioning it in the right place in the HTML code? Can you give me the code line with the underline added too? Thanks again Rob for all your help. This will save me tons of time going forward.</p>

Victor Font replied 1 year ago

The underline character is used to wrap text. It is not used in a span declaration. Use text-decoration instead: https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration

Making the Best WordPress Plugin even better - Together

Take on bigger projects with confidence knowing you have access to an entire community of Formidable Experts and Professionals who have your back when the going gets tough. You got this!
Join the community
crossarrow-right