Paragraph edit is not working due to template styles

  • Profile Image
    kimmerward1
    Asked on June 29, 2020 at 12:26 PM

    Hi, I am trying to edit 2 paragraphs in my form.  It is not appearing on my form how it appears in the edit section. 

    I can not get either paragraph to align to the left.

    I can not get my "Consent for Treatment" to stay bold.

    Also, Is there a way to find the colors used in the template?  

    Screenshot
  • Profile Image
    roneet
    Answered on June 29, 2020 at 01:30 PM

    Please inject this CSS code in your form designer:

    #text_18 > p:nth-child(1),#text_17 > p:nth-child(2) {
     text-align: left !important;
    }

    It seems the template of the form is overriding the CSS of the Paragraph element that is the reason the left alignment is not working.

    Please refer to this guide to inject the above CSS:

    Guide: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Thanks.

  • Profile Image
    roneet
    Answered on June 29, 2020 at 01:40 PM

    To make the second text bold, please inject this code:

    #text_17 > p:nth-child(2) > span:nth-child(1) {
     color: #000000;
     font-weight: bold;
    }

    Which font color you would like to use? Do you want to modify the font color related to any specific field?

    Also, I have noticed that you are already having CSS codes in your form which is not letting you change the paragraphs formatting.

    Thanks.

  • Profile Image
    kimmerward1
    Answered on June 29, 2020 at 02:28 PM

    Thank You.
    Can I just add it to the CSS code? Or do I need to find the exact area in which to add it?
    ***
    ...

  • Profile Image
    kimmerward1
    Answered on June 29, 2020 at 02:28 PM

    I have no idea what I am doing… if I re-do the entire form, will it re-align to the left?
    I wanted to have Consent for Treatment color match all the other headings.
    ***
    ...

  • Profile Image
    kimmerward1
    Answered on June 29, 2020 at 02:28 PM

    Is it possible for someone from Jot Form to change the alignment for me?
    ***
    ...

  • Profile Image
    Mike
    Answered on June 29, 2020 at 04:53 PM

    I have removed the next lines from the custom CSS of the form in order to restore the alignment and font color in the Paragraph elements.

    This is how it is displayed now.

  • Profile Image
    kimmerward1
    Answered on June 29, 2020 at 05:28 PM

    Thank You so much!!!! I appreciate it :)
    ***
    ...