Benötige Hilfe bei den Buttons in der Seitenleiste im Astra Theme

famafami
(@famafami)

vor 1 Jahr, 6 Monaten

Hallo, ich benötige Hilfe bei den Buttons in der Seitenleiste. Und zwar ist der Abstand zu den einzelnen Buttons zu groß. Wie kann ich den Abstand verringern. Ich verwende das Astra Theme (kostenlos).

Danke im Voraus.

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

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

Moderator Hans-Gerd Gerhards
(@hage)

vor 1 Jahr, 6 Monaten
Hallo,
das sollte mit der folgenden CSS-Regel unter Design > Customizer > Individuelles CSS geändert werden können:
```
.widget {
    margin-bottom: 1.5em;
}
```
Schau aber bitte mal nach, ob da nicht schon die o. g. Regel steht. In dem Fall brauchst du nur den Wert für margin-bottom zu ändern.

Viele Grüße
Hans-Gerd
Moderator La Geek
(@la-geek)

vor 1 Jahr, 6 Monaten
@famafami

wenn du nur den Abstand unter jedem schwarzen Button ändern möchtest, dann so
```
#secondary aside:not(.widget_media_image):not(.widget-text) {
    margin-bottom: 15px;
}
```
(Im Customizer -> Individuelles CSS beginnend mit einer neuen Zeile ans Ende setzen).

Die 15px kannst du natürlich anpassen (33px oder auch 1em/1.5em usw.). Zwischen den Buttons „Pottermarie“ und „Glückspunkt“ befinden sich drei Widgets (=Buttons) ohne Inhalt, die nehmen auch Raum ein. Die müsstest du entfernen.
Thread-Starter famafami
(@famafami)

vor 1 Jahr, 6 Monaten

Ich verstehe nicht wo ich das einfügen soll. Wo soll ich das einfügen?

Moderator La Geek
(@la-geek)

vor 1 Jahr, 6 Monaten

Ich zitiere mal @hage

l unter Design > Customizer > Individuelles CSS geändert werden können:

Findest du m Adminbereich, linke Seitenleiste

Thread-Starter famafami
(@famafami)

vor 1 Jahr, 6 Monaten

Oh, danke. Das hat super funktioniert.

Und wie kann ich die Den oberen Satz näher an die Buttons schieben?
bscu
(@bscu)

vor 1 Jahr, 6 Monaten
Willst du den Text weiter runter oder die Button weiter rauf?

Wir helfen hier eigentlich nur bei WordPress-Fragen, CSS-Probleme gehören in der Regel nicht dazu.
Eine gute Möglichkeit, sich mit CSS zu beschäftigen, findest du z. B. hier, hier oder hier.

PS: die Button haben unterschiedliche Abstände, zumindest der Letzte. Soll das so sein?
- Diese Antwort wurde geändert vor 1 Jahr, 6 Monaten von bscu.
Moderator La Geek
(@la-geek)

vor 1 Jahr, 6 Monaten
Das hier genannte unter den vorherigen (bereits von dir eingefügten) CSS-Code eintragen.

Erstens das
```
#secondary #block-19 p {
    margin-bottom: 0;
}
```
Sowie darunter das folgende (mit diesem kannst du den Abstand justieren).
```
#secondary #block-19 {
    margin-bottom: 10px;
}
```
Wir helfen hier bei Anwendungsproblemen, die in Zusammenhang mit WordPress auftauchen. Deine Fragen/Probleme sind jedoch bezogen auf CSS, da geben wir hin und wieder mal einen Tipp.

Für weitere CSS-Probleme jedoch wurden dir von @bscu im obigen Beitrag Links genannt, wo du Antworten auf CSS-Fragen finden kannst.

Ich ergänze diese Links zum Erlernen von CSS, die @bscu oben gepostet hat, mit einem Link zu einem Hilfe- und Austausch-Forum für (u. a.) CSS -> Forum
Moderator La Geek
(@la-geek)

vor 1 Jahr, 6 Monaten

Da @famafami nun ein anderes Theme installiert hat 😯, schließe ich den Thread.