Paragraph edit is not working due to template styles

  • 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?  

    Jotform Thread 2418632 Screenshot
  • roneet
    Replied on June 29, 2020 at 1: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.

  • roneet
    Replied on June 29, 2020 at 1: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.

  • kimmerward1
    Replied on June 29, 2020 at 2: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?
    ***
    ...

  • kimmerward1
    Replied on June 29, 2020 at 2: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.
    ***
    ...

  • kimmerward1
    Replied on June 29, 2020 at 2:28 PM

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

  • Mike
    Replied on June 29, 2020 at 4: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.

    Paragraph edit is not working due to template styles Image 1 Screenshot 30

    This is how it is displayed now.

    Paragraph edit is not working due to template styles Image 2 Screenshot 41

  • kimmerward1
    Replied on June 29, 2020 at 5:28 PM

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