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

Footer anpassen / Anordnung widgets (Theme twenty thirteen)

Dieses Thema im Forum "Design" wurde erstellt von Affiliate-Partner, 19. April 2017.

  1. Affiliate-Partner

    Registriert seit:
    19. April 2017
    Beiträge:
    14
    Zustimmungen:
    0
    Hallo Zusammen,

    folgende Situation ist bei meiner Wordpress Seite aufgetreten:

    Die Widgets innerhalb meines Footers (Theme twenty thirteen) sind alle untereinander angeordnet (siehe screenshot). Jedoch möchte ich die Widgets im Footer nebeneinander haben.

    Kann mir hierzu jemand bitte helfen bzw. eine "einfache" Lösung vorschlagen?

    Danke Euch bestens im Voraus für den Support!


    Viele Grüsse
     

    Anhänge:

  2. maxe

    maxe Well-Known Member
    Ehrenmitglied

    Registriert seit:
    1. Mai 2008
    Beiträge:
    19.581
    Zustimmungen:
    277
    schreib mal einen Link zum Blog, dann kann man sich das HTML/CSS anschauen.
     
  3. Affiliate-Partner

    Registriert seit:
    19. April 2017
    Beiträge:
    14
    Zustimmungen:
    0
    Hallo maxe,

    besten Dank für Deine schnelle Antwort.

    Hier der link zu meiner vorläufigen Website www.nudelmaschine-kaufen.de

    Danke im Voraus!
     
  4. Edi

    Edi Well-Known Member

    Registriert seit:
    26. Juli 2006
    Beiträge:
    3.728
    Zustimmungen:
    1
    Es scheint, dass Du das Theme (fehlerhaft) angepasst hast...
     
  5. maxe

    maxe Well-Known Member
    Ehrenmitglied

    Registriert seit:
    1. Mai 2008
    Beiträge:
    19.581
    Zustimmungen:
    277
    hast du irgendwas am CSS verändert? In der Demo sieht es so aus wie gewünscht: https://de.wordpress.org/themes/twentythirteen/
    Teste es mal ohne Inhalt im Sekundären Widget-Bereich.
    Ansonsten teste es mal, indem du ALLE Plugins deaktivierst.
     
  6. Affiliate-Partner

    Registriert seit:
    19. April 2017
    Beiträge:
    14
    Zustimmungen:
    0
    Hallo Zusammen,

    folgende Anpassungen wurden im Bereich "Zusätzliche CSS" durchgeführt:

    .entry-title { display:none; }
    .sidebar .entry-header,
    .sidebar .entry-content,
    .sidebar .entry-summary,
    .sidebar .entry-meta {
    max-width: 1200px;
    padding: 0 230px 0 0px;
    }
    .entry-content img.alignleft,
    .entry-content .wp-caption.alignleft {
    margin-left: 0px;
    }
    .entry-content img.alignright,
    .entry-content .wp-caption.alignright {
    margin-right: 0px;
    }
    .widget {
    clear: both;
    margin: 0 14.2em;
    width: 280px;
    }


    Danke und Gruss
     
  7. Edi

    Edi Well-Known Member

    Registriert seit:
    26. Juli 2006
    Beiträge:
    3.728
    Zustimmungen:
    1
    Das sind aber nicht alle Anpassungen. ;)
     
  8. helix

    helix Well-Known Member

    Registriert seit:
    28. Juli 2011
    Beiträge:
    1.808
    Zustimmungen:
    27
    Ja, aber vermutlich doch die für die Frage wesentlichen …

    Wer .widget { clear: both; } definiert und sich dann wundert, dass die widgets nicht floaten … (nur nach dem im Thread gelesenen geschrieben, nicht auf die Seite geguckt).

    @Affiliate-Partner: Wofür ist diese Definition gut? Wird sie an anderer Stelle gebraucht, z.B. Sidebar? Dann für die Footer-Widgets eine genauere Bestimmung wählen. Sonst raus damit.

    Gruß
    helix
     
  9. Edi

    Edi Well-Known Member

    Registriert seit:
    26. Juli 2006
    Beiträge:
    3.728
    Zustimmungen:
    1
    @helix Natürlich. Nur kann da nicht viel floaten, wenn statt ursprünglich

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    folgendes gilt:

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
     
  10. Affiliate-Partner

    Registriert seit:
    19. April 2017
    Beiträge:
    14
    Zustimmungen:
    0
    Hallo Zusammen,

    vielen Dank für Eure Nachrichten. Da ich noch Anfänger in dem Bereich bin, tu ich mich mit der Anpassung noch etwas schwer.

    Ich habe die CSS Ergänzungen vor allem wegen der Sidebar vorgenommen. Könnt ihr mir bitte noch mitteilen welche Anpassungen ich genau wieder ändern darf?

    Vielen Dank für die Hilfe.

    VG
     
  11. Affiliate-Partner

    Registriert seit:
    19. April 2017
    Beiträge:
    14
    Zustimmungen:
    0
    Hallo Zusammen,

    könnt ihr mir bitte hierzu noch ein detaillierteres Feedback geben?

    Vielen lieben Dank,

    VG
     
  12. misaf

    misaf Well-Known Member

    Registriert seit:
    28. Oktober 2012
    Beiträge:
    77
    Zustimmungen:
    0
    Wenn ich das so sehe und ich gehe mal davon aus, dass Du nur Deine genannten CSS eingefügt hast, macht Dir nur der Eintrag:

    .widget {
    clear: both;
    margin: 0 14.2em;
    width: 280px;
    }

    Probleme.

    DAbei ist das clear: both; das eigentliche Übel. Denn hier gibst Du an, alle vorhergehenden Ausrichtungen mit float (left oder right) auszusetzen. Demzufolge setzt er die folgenden Widgets untereinander, als sie "fliessend rechts bzw. links" auszurichten.

    Also nimm mal nur diese Zeile aus dem CSS raus und schau Dir das nochmal an. Dann reden wir darüber, wenn was anders wieder nicht so ist, wie es sein soll. ;O)

    GRuß
     
  13. Affiliate-Partner

    Registriert seit:
    19. April 2017
    Beiträge:
    14
    Zustimmungen:
    0
    Hallo misaf,

    vielen Dank für deine Hilfe und Antwort.

    Ich habe nun wie beschrieben die Zeile mit dem Vermerk "clear_both" herausgelöscht:

    .entry-title { display:none; }
    .sidebar .entry-header,
    .sidebar .entry-content,
    .sidebar .entry-summary,
    .sidebar .entry-meta {
    max-width: 1200px;
    padding: 0 230px 0 0px;
    }
    .entry-content img.alignleft,
    .entry-content .wp-caption.alignleft {
    margin-left: 0px;
    }
    .entry-content img.alignright,
    .entry-content .wp-caption.alignright {
    margin-right: 0px;
    }
    .widget {
    margin: 0 14.2em;
    width: 280px;
    }



    Jedoch hat sich nun an meinem Footer nichts geändert, die Widgets sind immer noch untereinander angeordnet.

    Kannst Du mir hier bitte noch weiterhelfen?

    Danke dir herzlich im Voraus!
     
  14. Affiliate-Partner

    Registriert seit:
    19. April 2017
    Beiträge:
    14
    Zustimmungen:
    0
    Hallo maxe,

    wie beschrieben habe ich alle Plugins deaktiviert jedoch hat dies keine positive Auswirkung auf den Footer gehabt.+

    Hast du evtl. noch eine Idee an was es liegen kann?

    Besten Dank im Voraus
     
  15. misaf

    misaf Well-Known Member

    Registriert seit:
    28. Oktober 2012
    Beiträge:
    77
    Zustimmungen:
    0
    Also nach langem hin und her und einigen Tests, bin ich zum Schluss gekommen, dass allein die Zeile: margin: 0 14.2em; für diesen Darstellungsfehler schuld ist. Wenn Du diese Zeile rausnimmst, dann sind alle drei Widgets nebeneinander. Was ist mit diesem Eintrag gewolle?

    Für was margin verwendet wird weis ich. ;O) Nur was Du damit bezweeckst, wäre hilfreich zu wissen.
     
  16. Affiliate-Partner

    Registriert seit:
    19. April 2017
    Beiträge:
    14
    Zustimmungen:
    0
    Hallo misaf,

    ich habe margin benutzt um die sidebar weiter nach rechts zu schieben, sonst wäre diese in meine Tabelle "reingeflossen".

    Hast du hier eine Idee?

    Danke Dir!
     
  17. misaf

    misaf Well-Known Member

    Registriert seit:
    28. Oktober 2012
    Beiträge:
    77
    Zustimmungen:
    0
    Füge #tertiary vor das Widget ein in Deinem CSS, dann sollte das Problem gelöst sein:

    #tertiary .widget {
    margin: 0 14.2em;
    width: 280px;
    }
     
    #17 misaf, 25. April 2017
    Zuletzt bearbeitet: 25. April 2017
  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