Jetpack Widget CSS anpassen

    Hallo,

    ich bin noch relativ neu auf dem Gebiet Wordpress und habe mir jetzt als Allround-Lösung das Jetpack installiert. Als Theme betreibe ich Flat 1.7.4 by Themeisle. Nun habe ich in meiner Seitenleiste ein Widget eingefügt, mit dem meine Leser neue Beiträge per E-Mail abonnieren können.

    Leider wird das Widget nicht so dargestellt, wie ich mir das vorgestellt habe (siehe Bild):

    Zum einen lässt sich der Abonnieren Button nicht lesen, da Hintergrund- und Schriftfarbe identisch sind und zum anderen würde ich die Bezeichnung "E-Mail-Adress" im Textfeld gerne etwas einrücken.

    Wo kann ich im Dashboard diese Änderungen vornehmen? Ich habe jetzt eine ganze Weile gesucht, aber nichts gefunden. Bitte keine allgemeinen Antworten wie: einfach die .css Datei anpassen. Das hilft mir nicht. Ich bräuchte schon ein bisschen mehr Details.

    Vielen Dank dafür im Voraus :)
    bent

    • Gerade eben
    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

    versteh ich, dass du mehr Details brauchst :-)
    brauchen wir hier aber auch, wenn wir mehr helfen sollen als nur "ändere die style.css" dazu brauchen wir wirklich einen Link wo das Widget und das Theme aktiv ist,
    sonst müßt ich das bei mir daheim nachbauen, damit ich mehr helfen kann => also bitte den Link

    in die style.css oder in eine custom.css
    ich glaub jetpack bietet auch sowas an


    Code
    #subscribe-submit input[type="submit"] {
     background-color: #fff;
     color: #34495e;
  border:  2px solid #f0f0f0
}

    den Label E-Mail Adresse tät ich dort lassen wo er ist, weil sonst wirds bei kleineren Devices sehr kompliziert :-)

    Vielen Dank, damit konnte ich das Problem mit dem Button schon einmal lösen :)

    Was mich jetzt aber ehrlich gesagt doch noch stört ist das Label mit der E-Mail-Adresse. Zum Vergleich, wenn du oben bei Suche in das Feld klickst, dann ist der blinkende Cursor ein Stück nach rechts vom Rahmen versetzt. Wenn du das gleiche unten im Feld mit der E-Mail-Adresse machst, dann klebt der Cursor an der linken Zellwand. Kann ich das anpassen, dass es genau so wie oben aussieht?

    In der .css Datei habe ich den folgenden Code dazu gefunden:

    Code
    #subscribe-email input {
    width: 100%;
    padding: 5px 10px;
}

    Kann ich das dort anpassen oder wo sonst?

    Vielen Dank :)

    Einmal editiert, zuletzt von bent210 (20. September 2015 um 18:55)

    ausprobieren,
    doch überschreiben tät ichs in einer custom.css, sonst ists bei einem Update wieder weg

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden