1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

Darstellungsproblem Ninja Forms

Dieses Thema im Forum "Plugins und Widgets" wurde erstellt von ASchiffer, 11. Januar 2018.

Schlagworte:
  1. ASchiffer

    ASchiffer Member

    Registriert seit:
    7. Mai 2015
    Beiträge:
    11
    Zustimmungen:
    0
    Hi Wordpressler ;)
    Ich nutze ein recht umfangreiches Formular von Ninja Forms auf meiner Homepage.
    Seit dem letzten Update habe ich den Eindruck, dass einige Bereiche nicht mehr ordentlich dargestellt werden.
    Hier mal der Link zum Formular: https://goo.gl/yvHxfR
    In einigen Bereichen werden werden Info Icons dargestellt, ohne das ich dies im Backend dort eingestellt habe.
    Zwischenablage01.jpg

    In anderen Bereichen scheint die Anpassung an den Spalten nicht zu klappen.
    Zwischenablage01.jpg

    Hat jemand ne Idee, wie ich Abhilfe schaffen könnte?
     
  2. SEpp55

    SEpp55 Well-Known Member

    Registriert seit:
    3. Februar 2016
    Beiträge:
    3.138
    Zustimmungen:
    591
    Für das zweite Problem:

    Die Frage warum das so ist kann ich nicht beantworten, da ich Ninja Forms noch nicht verwendet habe.
    Vielleicht hilft das weiter LINK - Video. Ggf den hacken bei "Show Help Text" entfernen??
    Aber zur Problemlösung habe ich mit Firefox und dem integriertem Entwicklertool (entweder F12 oder rechte Maustaste und Element untersuchen) das Styling durchgeklickt. Dazu 2 Bilder die aufzeigen woran das liegt.

    jks01.jpg jks02.jpg

    Wie das lösen?

    1. Ansatz - die beiden Felder auf Seitenbreite (100%) und untereinander stellen!
    2. Ansatz - erstes Bild, das "margin-right: 35%; verkleineren, da reichen 5% sicher!
      Weiters ist "nf-field-label" die Breite mit "width:"auf "auto" gestellt das offensichtlich ein Leerzeichen als Umbruch übernimmt.

    Für Änderungen mein Kopiersatz!
    Die Style-Anpassungen werden unter Design - Customizer - Zusätzliche CSS gemacht werden! LINK.
     
  3. ASchiffer

    ASchiffer Member

    Registriert seit:
    7. Mai 2015
    Beiträge:
    11
    Zustimmungen:
    0
    Alles hin bekommen. Vielen Dank. Das Video war super
     
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden