Position von Bildern festlegen

lobam

Hallo zusammen,

ich nutze das Theme bp-Widgetnews und habe folgendes Problem:

Ich möchte Bilder in meine Artikel einbinden und an eine bestimmte Position bringen. Im Admin-Bereich sieht alles so aus wie ich es gern hätte, aber auf der fertigen Seite befinden sich die Bilder dann an einer anderen Position.

In der html des Artikels wird das Bild so positioniert:
<img class="size-full wp-image-178 alignleft" ... bla bla bla>
Ändere ich das in:
<img class="size-full wp-image-178 alignright" ... bla bla bla>,
wird das aber ignoriert!

In der Style-CSS ist festgelegt, das die Bilder links angezeigt werden sollen, und zwar so:

#inhalt .post img {
float : left;
border : 1px solid #ccc;
margin-left:0; margin-right:10px; margin-top:5px; margin-bottom:3px
}

Nehme ich das
float : left;
raus, werden die Bilder nicht mehr vom Text umschlossen.

Wie bekomme ich es hin, das die Bilder sowohl links, mittig als auch rechts positioniert werden (können)?

MfG
lobam

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

alchymyth

am besten geht die hilfe mit einem link zu deinem blog.
wahrscheinlich sind in der style.css des themes die 'alignleft' 'aligncenter' und 'alignright' nicht richtig definiert.

lobam

Hallo,

hier der Link:

http://www.biz-am-meer.de

alchymyth

in der style.css des themes suchen:

Code

#inhalt .post img {
  float      : left;
  border     : 1px solid #ccc;
  margin-left:0; margin-right:10px; margin-top:5px; margin-bottom:3px
}

darin das 'float:left' entfernen, und auch 'margin-left:0; margin-right:10px;' rausnehmen.
und dann am ende der style.css einfuegen:

Code

.alignleft {float:left; margin-right:10px;}
.alignright {float:right; margin-left:10px;}
.aligncenter {display:block; margin-left:auto; margin-right:auto;}

danach sollten die bilder der ausrichtung folgen, die sie im editor beim einfuegen erhalten haben.
bei 'aligncenter' fliesst der text natuerlich nicht ums bild.

lobam

Hallo alchymyth,

danke für die schnelle Hilfe, hat auf Anhieb geklappt!

MfG
lobam

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Position von Bildern festlegen

Jetzt mitmachen!