Probleme bei der Layout Darstellung

Hallo liebes Jotform-Team,

Ich bin auf der Suche nach einem neuen Formular-Tool, um Informationen von Kund*innen einzuholen. Im Moment teste ich verschiedene Funktionen von Jotform und finde die CSS-Möglichkeit beim designen wirklich super. Allerdings wird mir das Design immer einfach geändert, sobald ich auf Vorschau klicke oder mir einen Link zum Formular sende. Mache ich da irgendwas falsch? Ich habe Euch mal zwei Screenshots dazu angehängt. Sobald ich den Reiter oben rechts umstelle, wird die Schriftfarbe verändert.

Vielen Dank schonmal für Eure Hilfe und beste Grüße,

Lea Danne

Im Bearbeitungsmodus:In der Vorschau:

Hi leadanne,

Thanks for reaching out to Jotform Support. Unfortunately, our German Support agents are busy helping other Jotform users at the moment. I'll try to help you in English using Google Translate, but you can reply in whichever language you feel comfortable using. Or, if you'd rather have support in German, let us know and we can have them do that. But, keep in mind that you'd have to wait until they're available again.

Now, let me help you with your question. I have checked your form on my end and it seems that the colors of the text are not changing when viewed on mobile. See the image attached:

Can you please try checking the live form to confirm the changes of the font colors? You can access this link on your mobile phone to verify the issue.

Give it a try and reach out again if you have any other questions.

Hello Lea,

I moved your other question to a new thread and helped you with that here.

Let us know if there’s anything else we can help you with. 

Hi again,

I just configured the CSS in my form, which is called Fotoanleitung e-home. It is the same CSS as in my two other forms, but the color of the headers changes to black every time I click on the preview button.
Can you check that please? I cannot find the wrong setting.

Hi Lea,

Thanks for getting back to us. I inspected your form to see if I could replicate the issue, and the same thing happened on my end as well. The headers were black in either the preview or live form. When I injected the following CSS code into the clone form, the issue was resolved:

.form-section .hasImage .form-header{

 color:#1e5280;

}



.header-large .htvam h1{

 color:#1e5280;

}

Let me show you how you can inject this CSS code into your form:

• Open your form in Form Builder, and click on the Paint Roller icon on the top-right side of the page to access Form Designer.
• Under the Styles tab, scroll down to the Inject Custom CSS section, and paste the CSS code I provided above into the code box.
• Click on Save, so you don't lose the changes you made.

You might want to check out this guide to learn more about how you can customize your form using custom CSS code.

Give it a try and let us know how it goes.