Eigene Homepage erstellen
Headway Theme: Featured Image zentrieren

Headway Theme: Featured Image zentrieren

Ich verwende für WordPress das Headway Theme, da es damit sehr einfach ist das Design anzupassen. So flexibel Headway auch ist, leider kann es nicht alles. So ist es z.B: nicht möglich das Featured Image zentriert darzustellen. gerade wenn man kleinere Bilder verwendet, kann es dann passieren, dass das Bild dann an der Seite klebt was nicht gerade gut aussieht.

Zum Glück lässt es das Headway Theme zu, dass man die Blocks mit eigenen CSS erweitert und so kann man dann doch recht einfach das Featured Image zentriert darstellen. Hier ein Screenshot was dazu nötig ist.

Featured Image zentriert darstellen im Headway Theme
Featured Image zentriert darstellen im Headway Theme

Dazu öffnet man den CSS Editor indem man im Design Modus den gewünschten Block markiert, bei mir hier das Featured image, und auf den Slash in den spitzen Klammern klickt.

Nun wird automatisch ein neuer CSS Block für die gewählte Komponente generiert, den man durch folgenden CSS Code erweitert.

display: block;
margin-left: auto;
margin-right: auto

Hinterlasse ein Antwort

Blogverzeichnis - Bloggerei.de Blogverzeichnis