Support » Themes » Widget zentriert darstellen

  • Gelöst nessi131

    (@nessi131)


    Hallo zusammen,

    ich benötige eure Hilfe – wahrscheinlich ist es kein großer Akt, aber Google konnte mir leider nicht weiterhelfen.

    Für unsere Seite nutzen wir das Theme Rife Free. Zusätzlich zur Webseite habe ich nun eine Facebook- und Instagram-Seite angelegt, die ich im Footer verlinkt habe. Die Verlinkungen werden auch angezeigt, aber ich hätte diese gern in der Mitte und nicht am linken Rand. Unter den Customizer-Einstellung für den Footer-Widgetbereich habe ich leider nichts gefunden. Gibts da einen Trick 17?

    Viele Grüße
    Vanessa

    Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]

Ansicht von 7 Antworten - 1 bis 7 (von insgesamt 7)
  • Füg bitte mal im Customizer folgende CSS-Regel hinzu:

    #a13-social-icons-14 {
      margin: 0 auto;
      float: none;
    }

    Dein Theme sieht scheinbar (ich hab mir das nicht im Detail angeschaut) nur vor, dass die Widgets in mehreren Spalten nebeneinander dargestellt werden. Wenn ein Theme keine Einstellungsmöglichkeit bietet, kann man sich mit einer individuellen CSS-Regel behelfen. (Kurzer, freundlicher Hinweis: wir möchten hier keine Kenntnisse in CSS vermitteln, weil es dazu besser geeignete Foren gibt. Wir machen aber gerne eine Ausnahme, wenn sich wie in diesem Fall eine Regel mit wenig Aufwand ableiten lässt.)

    Thread-Starter nessi131

    (@nessi131)

    Hi @pixolin,

    vielen Dank für den Support – es ist immerhin zentrierter, aber immer noch nicht ganz mittig 🙂 Paar Zentimeter nach rechts fehlen noch.

    Viele Grüße
    Vanessa

    Hm, das liegt an der vorgegebenen Breite des Widgets.
    Nicht ganz sauber, aber als Workaround wahrscheinlich ausreichend:

    #a13-social-icons-14 {
      margin: 0 auto;
      float: none;
      width: 60px;
    }
    Thread-Starter nessi131

    (@nessi131)

    @pixolin ja sehr geil. Wenn ich jetzt noch nach oben hin einen kleinen Abstand hätte, wäre es perfekt. 🙂

    Ein Wunsch der in Erfüllung geht … 

    #a13-social-icons-14 {
      margin: 0 auto;
      padding-top: 50px;
      float: none;
      width: 60px;
    }
    Thread-Starter nessi131

    (@nessi131)

    @pixolin super – du hast meinen ewigen Dank. 🙂

    … wenn das so einfach ist. 🙈

    Schön, dass wir helfen konnten.

Ansicht von 7 Antworten - 1 bis 7 (von insgesamt 7)