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

Seitenleiste Breite ändern

Dieses Thema im Forum "Design" wurde erstellt von Robota, 13. Februar 2019.

  1. Robota

    Robota Well-Known Member

    Registriert seit:
    18. Juli 2015
    Beiträge:
    379
    Zustimmungen:
    16
    Hallo, ich versuche beim Theme Twenty Seventeen die Breite der Seitenleiste zu ändern.
    Ich habe schon heraus gefunden, dass über ".has-sidebar" die Breite auf 36% steht.
    Im Test mit Firefox Inspector habe ich die Breite auf 25% verändert, das sah auch gut aus.

    Wahrscheinlich ist nur noch etwas falsch an dem CSS-Code, den ich über den Customizer eintragen wollte:
    HTML:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    Wenn ich das eintrage, werden leider nicht nur die Seitenleiste, sondern auch die Beiträge mit der Seitenleiste zusammen zusammen gestaucht auf der linken Seite, siehe Screenshot im Anhang.
    Hier geht es zur Internetseite: https://bit.ly/2GnefMV

    Was mache ich falsch? :confused:
     

    Anhänge:

    • 01.png
      01.png
      Dateigröße:
      773,7 KB
      Aufrufe:
      4
    #1 Robota, 13. Februar 2019
  2. SirEctor

    SirEctor Well-Known Member
    Ehrenmitglied

    Registriert seit:
    28. Oktober 2008
    Beiträge:
    12.361
    Zustimmungen:
    427
    versuch mal #secondary anstatt .has-sidebar
     
    #2 SirEctor, 13. Februar 2019
  3. Robota

    Robota Well-Known Member

    Registriert seit:
    18. Juli 2015
    Beiträge:
    379
    Zustimmungen:
    16
    Mit #secondary verändert sich gar nichts.
     
    #3 Robota, 13. Februar 2019
  4. SirEctor

    SirEctor Well-Known Member
    Ehrenmitglied

    Registriert seit:
    28. Oktober 2008
    Beiträge:
    12.361
    Zustimmungen:
    427
    Okay. Es gibt 2 Möglichkeiten:
    1. .has-sidebar #secondary verwenden
    2. #secondary mit Zusatz !important in der Regel

    Beachte, dass das ganze in ein media query min-width 48em muss, sonst passt es mobil nicht mehr.
     
    #4 SirEctor, 13. Februar 2019
  5. Robota

    Robota Well-Known Member

    Registriert seit:
    18. Juli 2015
    Beiträge:
    379
    Zustimmungen:
    16
    Die zweite Variante hat geklappt, danke für deine Hilfe.
     
    #5 Robota, 13. Februar 2019
  6. SirEctor

    SirEctor Well-Known Member
    Ehrenmitglied

    Registriert seit:
    28. Oktober 2008
    Beiträge:
    12.361
    Zustimmungen:
    427
    Bisher passt es so nicht.
     
    #6 SirEctor, 13. Februar 2019
  7. Robota

    Robota Well-Known Member

    Registriert seit:
    18. Juli 2015
    Beiträge:
    379
    Zustimmungen:
    16
    Wie meinst du das?
     
    #7 Robota, 13. Februar 2019
  8. SirEctor

    SirEctor Well-Known Member
    Ehrenmitglied

    Registriert seit:
    28. Oktober 2008
    Beiträge:
    12.361
    Zustimmungen:
    427
    Mach mal dein Browser-Fenster kleiner, bis auf mobile Breite, und schau was mit der Sidebar passiert ;)
     
    #8 SirEctor, 13. Februar 2019
  9. Robota

    Robota Well-Known Member

    Registriert seit:
    18. Juli 2015
    Beiträge:
    379
    Zustimmungen:
    16
    Shit, also sollte man die Breite nicht verändern?
     
    #9 Robota, 13. Februar 2019
  10. SirEctor

    SirEctor Well-Known Member
    Ehrenmitglied

    Registriert seit:
    28. Oktober 2008
    Beiträge:
    12.361
    Zustimmungen:
    427
     
    #10 SirEctor, 13. Februar 2019
  11. Robota

    Robota Well-Known Member

    Registriert seit:
    18. Juli 2015
    Beiträge:
    379
    Zustimmungen:
    16
    Ich weiß leider nicht, was das heißt, auch wenn du es nochmal wiederholst. :confused:
    Ich nehme die Änderung einfach wieder raus, den von mir gewünschten Effekt, dass der Beitragsbereich dann breiter wird, hat es leider nicht, die Leiste wird zwar schmaler, der Beitragsbereich bleibt aber gleich.
     
    #11 Robota, 13. Februar 2019
  12. SirEctor

    SirEctor Well-Known Member
    Ehrenmitglied

    Registriert seit:
    28. Oktober 2008
    Beiträge:
    12.361
    Zustimmungen:
    427
    Hilfe zur Selbsthilfe: http://bfy.tw/MHc8

    Den Beitragsbereich erreichst du mit .has-sidebar:not(.error404) #primary. Dort könntest du mal 69% testen. Aber auch hier gilt: setze es unbedingt in ein media-query
     
    #12 SirEctor, 13. Februar 2019
    Tüddeldraht gefällt das.
(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