• Hallo zusammen,
    ich bin Wordpress-Neuling und habe CSS-Grundkenntnisse, aber in der style.css den Überblick etwas verloren. Ich wäre deshalb froh, wenn ihr mir auf die Sprünge helfen könntet.

    Ich nutze WordPress 3.2.1 mit dem aktuellen TwentyEleven-Theme. Am Style.css habe ich bis auf Hintergrundfarbe und Farbe der Titel nichts geändert.

    Wenn ich einen Artikel schreibe, kann ich ja das Format auswählen, beispielsweise "Absatz", "Überschrift 1" etc.

    Ich möchte nun das Format "Absatz" duplizieren, und darin einige Änderungen anbringen. Und möchte ich, dass der Text nicht breiter ist als 525 Pixel. Zudem ist entweder links oder rechts vom Text ein Bild, das vom Text umflossen wird (kann man ja im WYSIWYG-Editor einstellen). Da das Bild aber höher ist als der Text, "klebt" der Text nun oben am Bild, ich möchte ihn aber vertikal mitten. Wie macht man das im style.css?

    Herzlichen Dank für Eure Hilfe!

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Ich möchte nun das Format "Absatz" duplizieren, und darin einige Änderungen anbringen. Und möchte ich, dass der Text nicht breiter ist als 525 Pixel.


    Bin nicht sicher, ob ich verstehe, was du meinst. Geht es dir wirklich um das Format "Absatz" ganz allgemein? Das kannst du z.B. so beeinflussen:

    Code
    .entry-content p {
        max-widht: 525px; /* Absatz max. 525px breit */
        }

    Zudem ist entweder links oder rechts vom Text ein Bild, das vom Text umflossen wird (kann man ja im WYSIWYG-Editor einstellen). Da das Bild aber höher ist als der Text, "klebt" der Text nun oben am Bild, ich möchte ihn aber vertikal mitten. Wie macht man das im style.css?


    Die CSS-Eigenschaft, mit der dass geht, heisst vertical-align. Allerdings funktioniert sie in der Regel nur in Tabellenzellen oder innerhalb von Elementen, deren display-Eigenschaft auf table-cell gesetzt wurde. Das kann aber wiederum andere Nachteile mit sich bringen.
    Wenn du die URL deiner Site hier posten könntest, wäre es einfacher, dir zu helfen.

    Der Fehler ist die einzige Konstante im kreativen Prozess.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!