Design settings not showing up on web page

  • localcoverageva
    Asked on November 19, 2018 at 1:24 AM

    Hello,

    I changed some design elements on our form via the paintroller icon, and while the changes show up in the design element, they do not show up in testing the form or after I published it - any suggestions?  This is for the 'LCV order form' form.

    Thank you!

    Stephanie

  • Adrian
    Replied on November 19, 2018 at 7:38 AM

    I believe that this is the form that you are talking about.
    https://form.jotform.com/82356997884177

    From what I can see, the form preview looks the same as in the form builder.

    If some changes are still not being shown, please provide us the form URL where the form is embedded and give us more details on what changes are not taking effect.

    How-to-Post-Screenshots-to-Our-Support-Forum


  • localcoverageva
    Replied on November 30, 2018 at 12:56 PM

    when I hit the paint roller icon my modified form shows up in the builder- different fonts mostly and sizing. But when I get out of the paint roller to the regular builder no modifications can be seen, and this is what’s showing up on the live order form. Any ideas? Thanks!

  • Jan
    Replied on November 30, 2018 at 3:41 PM

    I cloned your form and I can verify that the form in Build mode and in the Live mode are the same.

    May I ask for you to share a specific element that is not formatted properly in the Live mode?

    If possible, please share a screenshot so that we can further investigate.

    Thank you for your cooperation.

  • Stephanie Allen
    Replied on December 11, 2018 at 6:21 PM

    Hi there,  I've attached a screen shot of the form in 'advanced builder' where the font is changed (this is the second image), and then a screenshot of the form preview where the font appears as the default font.  Any suggestions would be helpful, thanks!


    1544570499Screen Shot 2018 12 11 at 4 Screenshot 10

    1544570419Screen Shot 2018 12 11 at 4 Screenshot 21

  • Jan
    Replied on December 11, 2018 at 7:38 PM

    This is happening because the default font in the Form Builder mode is overlapping the form header font. Please use this custom CSS to fix the issue:

    .form-header-group {
    font-family: "Gravitas One", sans-serif !important;
    }

    Here's a guide on How-to-Inject-Custom-CSS-Codes. Here's the result:

    154457494512 12 mjbba Screenshot 10

    Hope that helps. Thank you.

  • stephanie allen
    Replied on December 12, 2018 at 4:05 PM

    Thank you, that helped with the font.  However, I now have an issue for some reason where the longer multiple choice options with more characters are being moved to a second line, not sure why.  I played around with some settings to try and change it but nothing worked.  Any ideas?  I've included a screenshot here.


    1544648715Screen Shot 2018 12 12 at 2 Screenshot 10

  • Welvin Support Team Lead
    Replied on December 12, 2018 at 6:18 PM

    Let me address your question regarding the multiple choice field to a new thread here https://www.jotform.com/answers/1671750