What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.

  • Profile Image

    Re: injecting css_my humble solution

    Asked by ctabor1 on December 01, 2011 at 07:57 PM

    I looked at a bunch of your posts, but they kind of lost me... and I couldn't figure out how to use Firebug on my actual published form to figure out the line id, etc.  Which not sure I would then know what to do anyway.  LOL

    BUT that is not really what I wanted to do anyway.

    So, I did this "sort of" via CSS ... since I only needed some specific words in Red and Bold...  I did it with a style and then added a span class inside the label.

    I put this in that css box... 

    .style13 {
    color: #CC0000;
    font-weight: bold;

    Then I did this inside the label in front of the words I wanted to apply it to:

     <span class="style13">yada yada </span>

    Not perfect at all, but it worked for now.... and ofcourse, every time I open that label, the attributes get stripped and I have to do it again.  Unfortunately, I am not well versed enough with css to figure out how to do something in the middle of a line of copy.

    I would love for someone to look at my form and/or just tell me how I should have done it differently.



    Page URL:

  • Profile Image

    Answered by fxr on December 01, 2011 at 08:17 PM


    Your solution is a good as any. There is a specific HTML bold tag, but since you want to add color as well you will need to give that text its own CSS class. I cant think of a better solution than yours to be honest. 

    As an aside, I know its a subjective choice but,  I find Chromes' developer tools really useful for quicly identifying css element ids & classes of HTML content . Its just right-click - Inspect Element and away you go. 

  • Profile Image

    Answered by fastlanetravel on December 01, 2011 at 09:01 PM

    Thanks, fxr... I think you might be right. I find Firebug confusing and clunky... and Chrome makes more sense to me.  :)

    Well, at least I know I wasn't WAY off base!