Grafiken automatisch auf Beitragsspalte anpassen (Barecity-Theme)

stefan83

Nachdem ich hier im Forum und beim Googeln nicht fündig geworden bin, versuche ich mein Glück jetzt hier.

Also, ich möchte das Theme Barecity in meinem Blog verwenden. Das ist auch soweit kein Problem. Aber meine Grafiken in den Beiträgen überragen die Spalte und zerschießen so das Themedesign. Sie überlappen die Spalte und ragen in die Navigation hinein. Bisher wurden die Grafiken immer automatisch passend verkleinert (K2-Theme).

Nun meine Frage: Wie kann ich das Barecitytheme anpassen, damit die Grafiken automatisch angepasst werden? Gibt es da ein paar nützliche Zeilen Programmiercode? Denn ich möchte nicht alle Grafiken per Hand verkleinern und neu hochladen. Und auch die Spaltenbreite möchte ich nicht vergrößern.

Vielen Dank für eure Hilfe.

Werbepost

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

copernica

Versuch's mal damit:

Code

.storycontent img {
width: ...px;
height: ...px;
}

(bei width und height musst du deine gewünschten Werte einsetzen)

Dann werden alle Bilder im Inhaltsbereich auf dieses Maß formatiert. Wenn du Smilies benutzt, müßtest du die wieder "rücksetzen"

Alternativ kannst du eine eigene Klasse angeben für alle Bilder die dieses Maß nutzen sollen. Dann ergänzt du die Style.css um diese Zeilen:

Code

img .meinbild {
width: ...px;
height: ...px;
}

In deine Beiträge schreibst du dann:

Code

<img class="meinbild" src="[...]">

So hälst du dir die Option offen, bestimmte Bilder im Originalformat anzeigen zu lassen und musst dich auch nicht um die Smilies kümmern.

stefan83

Danke für die Antwort Gabi,
wo muss ich denn diese Codezeilen einfügen? Auch in Style.css?

.storycontent img {
width: ...px;
height: ...px;
}

Danke!

copernica

Genau, da müssen sie rein ;-)

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Grafiken automatisch auf Beitragsspalte anpassen (Barecity-Theme)

Jetzt mitmachen!