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

    Applying ::first-leter CSS rule onto an element in email template

    Asked by JORGE_GARCIA on December 10, 2015 at 06:02 AM

    Hi. I would insert this CSS style

    p::first-letter {
        color: #ffffff;
        font-size: 200%;
    }

    to the <td> framed in red in my Auto Responder 3. Is this possible? Thanks in advance.

    http://www.jotform.com//?formID=53381292778365

    ::first-leter pseudo class email css
  • Profile Image

    Answered by Ben on December 10, 2015 at 08:44 AM

    Since this would be sent in an email, it is best to use the inline CSS codes, where such code would not work in most email clients and especially in webamil inboxes.

    My suggestion would be to change it up so that instead of:

    p::first-letter {
        color: #ffffff;
        font-size: 200%;
    }

    ....

    <p>(dedicatoria)</p>

    to make it as such:

    <p>(<span style="color:#ffffff; font-size:200%;">d</span>edicatoria)</p>

    In doing so, the element should be shown nicely in the email with the desired style applied to it.

    Do of course let us know how it goes.

  • Profile Image

    Answered by JORGE_GARCIA on December 10, 2015 at 08:59 AM

    Hi. I think I have not been understood.

    I want the first letter of my textarea form appears in a larger size.

    The CSS option is the one I mentioned above, but not how to include it in the style of the <td>.


    {dedicatoria} is the input field that corresponds to the textarea.

    See http://www.w3schools.com/cssref/sel_firstletter.asp

     

  • Profile Image
    JotForm Support

    Answered by Mike on December 10, 2015 at 10:44 AM

    It looks like that pseudo classes are not supported within inline styles, so unfortunately, we cannot select a first Textarea letter in email template.

  • Profile Image

    Answered by JORGE_GARCIA on December 10, 2015 at 10:51 AM

    OK. THANKS.