Breite des Contents ändern

  • MeinCSS.txtHallo zusammen,

    Ich benutze dass Theme TwentySixteen

    bisher war ich mit der Breite des Contents in meinem Blog zufrieden. Ich hatte immer Bilder mithilfe des Plugins Compress JPEG & PNG Images komprimiert und dann als Format "groß" eingefügt. Die Bilder waren dann bündig mit dem Text.
    Allerdings habe ich nun Bilder in Originalgröße in einen Beitrag eingefügt, da sie nur in Originalgröße richtig gut rüber kommen. Die Bilder ragen nun deutlich über den Text hinaus.
    Ich habe auf verschiedenen Foren HTML-codes gefunden, mit denen man die Breite des Textes ändern kann und sie auch wie beschrieben ins style.css eingefügt, aber irgendwie hat das nicht funktioniert, bzw. die Codes waren für andere Themes zugeschnitten und ich hatte die entsprechenden Abschnitte, die ich ändern musste nicht in meinem style.css gefunden.
    Die Breite der Einträge auf den festen Seiten konnte ich ändern, allerdings nicht die Breite der Blogbeiträge.
    Alternativ wäre ich auch daran interessiert die Breite der Sidebar zu verringern, bzw. die Felder "Autor" bzw. "veröffentlicht am", die auf der linken Seite erscheine zu verschieben, um so den Text linksbündig, passend mit den Bildern einzurichten.

    Ich habe mal meine Style.css eingefügt. Allerdings nur der Punkt Content, weil die Datei sonst zu groß wäre. Vllt. kann mir ja jemand sagen, an was für einer Stelle welcher Code rein muss.

    Vielen Dank

    • 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

  • Bei meinem Theme kann man die Breite der Beiträge so ändern:

    .class {width: 250px; }

    Sidebar verringern:

    .class {margin-left: -50px; margin-right: 50px; }

    Die Class namen musst du selber herausfinden.

    Die Alternative verstehe ich nicht ganz was du meinst

    VG.

  • Vielen Dank, schonmal.
    Ich meinte, dass links oben unter dem Beitragsbild der Autor-Name und das Veröffentlichungsdatum steht. Dies nimmt sehr viel Platz weg. Ich fände es schöner wenn der Text gleich links anfangen würde und bündig mit dem Beitragsbild ist und wenn Autor usw. vllt. unter dem Bild stehen würde. Du könntest dir mal die Seite http://onmyjourney.de/2017/02/26/auf-schatzsuche-in-malaga/ anschauen. Vielleicht ist es dann deutlicher, was ich meine.

    Bezüglich der Class verstehe ich nicht ganz was du meinst, meinst du in einer anderen Datei ändern, als in style.css?

    Danke

  • [FONT=Consolas][COLOR=#888888][COLOR=#222222][COLOR=#333333][FONT=Verdana]"Bezüglich der Class verstehe ich nicht ganz was du meinst, meinst du in einer anderen Datei ändern, als in style.css?"[/FONT][/COLOR]

    Nein viel einfacher, Costimizer -> Zusätliches CSS

    Um mehr Inhalt anzuzeigen:

    p[/COLOR][/COLOR] {[/FONT][FONT=Consolas][/FONT][COLOR=#C80000][FONT=Consolas]margin[/FONT][/COLOR][FONT=Consolas]: 0px;
    [/FONT][FONT=Consolas][/FONT][COLOR=#C80000][FONT=Consolas] margin-left[/FONT][/COLOR][FONT=Consolas]: -230px;
    [/FONT][FONT=Consolas] margin-top: 150px;[/FONT]
    [FONT=Consolas]}

    Autor in der Mitte:

    [COLOR=#888888][COLOR=#222222].single .byline[/COLOR], .group-blog .byline[/COLOR] {
    [/FONT][FONT=Consolas] margin-left: 400px;
    [/FONT][FONT=Consolas] position: absolute;[/FONT][FONT=Consolas]

    }


    [/FONT]

Jetzt mitmachen!

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