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

Abstände zwischen den Beitragslinks im widget der sidebar ändern

Dieses Thema im Forum "Design" wurde erstellt von gosteli, 4. Mai 2019.

  1. gosteli

    gosteli Member

    Registriert seit:
    3. Mai 2019
    Beiträge:
    7
    Zustimmungen:
    0
    Hallo,
    ich möchte unsere Wordpress-Webseite etwas ansprechender gestalten und suche dabei eine Möglichkeit, mittels css die Abstände zwischen den einzelnen Beitragslinks im entsprechenden widget der sidebar zu ändern. Alles, was ich bisher probiert habe, ändert nur die Abstände der gesamten Box. Weiß jemand Rat?
    Hier das "Problemkind": http://wegkreuz.de/
    Viele Grüße
    von der Einsteigerin Jeannette
     
    #1 gosteli, 4. Mai 2019
  2. SEpp55

    SEpp55 Well-Known Member

    Registriert seit:
    3. Februar 2016
    Beiträge:
    3.141
    Zustimmungen:
    591
    hier 2 Vorschläge - im Dashboard unter Design - Customizer - Zusätzliche CSS einfügen!

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    Überschrift im ersten Widget beachten ......
     
    #2 SEpp55, 4. Mai 2019
  3. gosteli

    gosteli Member

    Registriert seit:
    3. Mai 2019
    Beiträge:
    7
    Zustimmungen:
    0
    Danke, das klappt wunderbar!
    Könnte man auch noch die Linien im widget "Häufig gesucht" entfernen?
    So könnte ich mit margin-left auch etwas Platz zwischen Rahmen der Box und dem Text schaffen.
     
    #3 gosteli, 4. Mai 2019
  4. SEpp55

    SEpp55 Well-Known Member

    Registriert seit:
    3. Februar 2016
    Beiträge:
    3.141
    Zustimmungen:
    591
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    .....
    meinst du zwischen Content und Sidebar? Aufgepasst der Content-Bereich hat 75% und die Sidebar 25% alles über 100% wird nach unten ausweichen müssen ;)
     
    #4 SEpp55, 4. Mai 2019
  5. SEpp55

    SEpp55 Well-Known Member

    Registriert seit:
    3. Februar 2016
    Beiträge:
    3.141
    Zustimmungen:
    591
    Die beiden CSS Anweisungen vom "Häufig gesucht" haben den selben Selektor und können zusammengelegt werden ;)
    (Die gelten NUR für dieses nav-menu-4!)
     
    #5 SEpp55, 4. Mai 2019
  6. gosteli

    gosteli Member

    Registriert seit:
    3. Mai 2019
    Beiträge:
    7
    Zustimmungen:
    0
    Hat funktioniert, danke. Nur der Abstand zwischen dem Panel-Heading "Häufig gesucht" und dem ersten Link ist etwas schmal, ebenso nach dem letzten Link...
     
    #6 gosteli, 4. Mai 2019
  7. SEpp55

    SEpp55 Well-Known Member

    Registriert seit:
    3. Februar 2016
    Beiträge:
    3.141
    Zustimmungen:
    591
    Unten breiterer Rand

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    Für den linken Rand im Widgst ist die CSS-Anweisung aus #2 zuständig! CSS-padding
     
    #7 SEpp55, 4. Mai 2019
  8. SEpp55

    SEpp55 Well-Known Member

    Registriert seit:
    3. Februar 2016
    Beiträge:
    3.141
    Zustimmungen:
    591
    #8 SEpp55, 4. Mai 2019
  9. gosteli

    gosteli Member

    Registriert seit:
    3. Mai 2019
    Beiträge:
    7
    Zustimmungen:
    0
    Besten Dank, jetzt ist's perfekt!
    Die Anleitung ist auch hilfreich.
     
    #9 gosteli, 4. Mai 2019
  10. SEpp55

    SEpp55 Well-Known Member

    Registriert seit:
    3. Februar 2016
    Beiträge:
    3.141
    Zustimmungen:
    591
    In diesem Widget werden die Links NICHT unterstrichen bei :hover!!!
    Versuche diese Zeile in den Zusätzlichen CSS auf nachfolgende zu ändern!!

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
     
    #10 SEpp55, 4. Mai 2019
  11. gosteli

    gosteli Member

    Registriert seit:
    3. Mai 2019
    Beiträge:
    7
    Zustimmungen:
    0
    Danke für den Hinweis. Es fehlte das !important...
     
    #11 gosteli, 4. Mai 2019
  12. gosteli

    gosteli Member

    Registriert seit:
    3. Mai 2019
    Beiträge:
    7
    Zustimmungen:
    0
    Noch eine Frage, falls ich nicht damit auf den Geist gehe...

    Könnte man das Suchfeld an die Gestaltung der beiden oberen Container anpassen? Dazu müsste dann auch so ein panel-heading im zarten Grau angelegt werden, wo als Titel "Suche" steht.

    Mir ist es auch nicht gelungen, die Umrandung (border) vom panel-heading "Neueste Beiträge" zu entfernen. Gibt es da eine Lösung?
     
    #12 gosteli, 4. Mai 2019
  13. SEpp55

    SEpp55 Well-Known Member

    Registriert seit:
    3. Februar 2016
    Beiträge:
    3.141
    Zustimmungen:
    591
    Das Suchwidget an das Styling der anderen Widgets anzupassen wäre eine Änderung im Theme und damit kommen wir zu einem wirklichen Problem!
    upload_2019-5-4_17-26-59.png

    ... und das was da steht, wird auf lang oder kurz so weit sein.
    Als guten Tip, verschwende keine Zeit in dieses Theme und verwende die Zeit, ein für euch passendes neues Theme zu finden. Das ist ungefähr so wie mit z.B.Win7 alles schön, aber abgelaufen - time to say goodbye!
    Das ist meine Meinung!
     
    #13 SEpp55, 4. Mai 2019
  14. gosteli

    gosteli Member

    Registriert seit:
    3. Mai 2019
    Beiträge:
    7
    Zustimmungen:
    0
    OK, dann werde ich mich auf die Suche begeben...
     
    #14 gosteli, 4. Mai 2019
(Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können. )
  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.
    Akzeptieren Weitere Informationen...
    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.
    Akzeptieren Weitere Informationen...
    Information ausblenden