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

Textfelder in Widgetbereichen nebeneinander

Dieses Thema im Forum "Design" wurde erstellt von Stefan341, 24. Juni 2018.

  1. Stefan341

    Stefan341 Member

    Registriert seit:
    24. April 2018
    Beiträge:
    24
    Zustimmungen:
    0
    Hallo,
    ich habe für das Theme twentytwelve ein Child erstellt und zusätzliche Widgetbereiche hinzugefügt.
    Soweit funktioniert das auch.
    Mein Problem ist nun, dass ich die Boxen im Footer gerne nebeinander, auf die Seite ausgedehnt hätte. Momentan sind sie untereinander.


    Die relevanten Bereiche der einzelnen Dateien:
    functions.php
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    footer.php
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
     
    #1 Stefan341, 24. Juni 2018
  2. SEpp55

    SEpp55 Well-Known Member

    Registriert seit:
    3. Februar 2016
    Beiträge:
    3.141
    Zustimmungen:
    591
    #2 SEpp55, 24. Juni 2018
    SuMu gefällt das.
  3. Stefan341

    Stefan341 Member

    Registriert seit:
    24. April 2018
    Beiträge:
    24
    Zustimmungen:
    0
    Danke für die Antwort. Ich verstehe nur nicht, welcher Teil im CSS dafür verantwortlich ist das die Boxen nebeneinander und nicht untereinander dargestellt werden.
     
    #3 Stefan341, 24. Juni 2018
  4. Sailor56

    Sailor56 Well-Known Member

    Registriert seit:
    13. Juni 2017
    Beiträge:
    794
    Zustimmungen:
    104
    Dieser Teil... aus dem Tutorial!
    HTML:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    Mit 'float: left;' stapeln sich die Elemente an der linken Seite... mit 'width: 25%;' wird die Breite so eingestellt, dass 4 nebeneinander passen.
     
    #4 Sailor56, 24. Juni 2018
  5. Stefan341

    Stefan341 Member

    Registriert seit:
    24. April 2018
    Beiträge:
    24
    Zustimmungen:
    0
    Das funktioniert leider nicht wirklich. Ich habe immernoch die Boxen untereinander

    [​IMG]

    [​IMG]

    In der style.css sieht es so aus

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
     
    #5 Stefan341, 24. Juni 2018
  6. Sailor56

    Sailor56 Well-Known Member

    Registriert seit:
    13. Juni 2017
    Beiträge:
    794
    Zustimmungen:
    104
    Ich vermute, du hast dem Elternelement (.customfooter) das float: left; zugewiesen - du willst aber das die Childelemente, also die Widgets im Footer links 'floaten'!
    Aber ohne deinen Quellcode zu sehen, kann man dir auch nicht wirklich helfen... nur raten!
     
    #6 Sailor56, 24. Juni 2018
  7. Stefan341

    Stefan341 Member

    Registriert seit:
    24. April 2018
    Beiträge:
    24
    Zustimmungen:
    0
    Den Quellcode der style.css von dem Elterntheme?
     
    #7 Stefan341, 24. Juni 2018
  8. Sailor56

    Sailor56 Well-Known Member

    Registriert seit:
    13. Juni 2017
    Beiträge:
    794
    Zustimmungen:
    104
    Den Link zur Seite bräuchten wir!
     
    #8 Sailor56, 24. Juni 2018
  9. Stefan341

    Stefan341 Member

    Registriert seit:
    24. April 2018
    Beiträge:
    24
    Zustimmungen:
    0
    #9 Stefan341, 24. Juni 2018
  10. Sailor56

    Sailor56 Well-Known Member

    Registriert seit:
    13. Juni 2017
    Beiträge:
    794
    Zustimmungen:
    104
    Dann teste bitte folgendes - diesen CSS Code ans Ende der style.css des Child Themes oder in das 'zusätzliche CSS' im Customizer kopieren.
    HTML:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    Da sehe ich jetzt nur 3 Widgets... also braucht jedes für sich 33%. Wenn da doch noch ein Viertes eingebaut werden soll, dann muss der width Wert entsprechend angepasst werden.
     
    #10 Sailor56, 24. Juni 2018
  11. Stefan341

    Stefan341 Member

    Registriert seit:
    24. April 2018
    Beiträge:
    24
    Zustimmungen:
    0
    Das hat funktioniert. Danke.

    Kannst Du noch was zu dem Doppelstrich über den Footerelementen sagen? der geht ja nicht komplett bis zum Ende durch.
     
    #11 Stefan341, 24. Juni 2018
  12. SEpp55

    SEpp55 Well-Known Member

    Registriert seit:
    3. Februar 2016
    Beiträge:
    3.141
    Zustimmungen:
    591
    Der ist unter jeden Artikel - so auch unten auf der Team - Seite
    Der wird in der style.css ab Zeile 984 gebildet.

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
     
    #12 SEpp55, 24. Juni 2018
  13. Sailor56

    Sailor56 Well-Known Member

    Registriert seit:
    13. Juni 2017
    Beiträge:
    794
    Zustimmungen:
    104
    Ja... kann ich.
    Mit
    HTML:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    ist es weg!
     
    #13 Sailor56, 24. Juni 2018
  14. Sailor56

    Sailor56 Well-Known Member

    Registriert seit:
    13. Juni 2017
    Beiträge:
    794
    Zustimmungen:
    104
    Da ist auch noch eine weitere Linie, unterhalb der Widgets - die geht mit
    HTML:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    weg.
     
    #14 Sailor56, 24. Juni 2018
  15. Stefan341

    Stefan341 Member

    Registriert seit:
    24. April 2018
    Beiträge:
    24
    Zustimmungen:
    0
    Ich möchte sie ja nicht weg haben, sondern durchgehend. Liegt das vielleicht daran das die Sidebar zu lang ist?
     
    #15 Stefan341, 24. Juni 2018
  16. Sailor56

    Sailor56 Well-Known Member

    Registriert seit:
    13. Juni 2017
    Beiträge:
    794
    Zustimmungen:
    104
    Dann brauchst du ein Element, das durchgehen ist... in der Gegend ist da nur der .customfooter. Dem könntest du einen durchgehende
    HTML:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    geben.
    Dann müsste man allerdings auch mit Abstände in dieser Region etwas anpassen, damit das hübsch aussieht!
     
    #16 Sailor56, 24. Juni 2018
(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