Bildbeschriftung in TwentyTen

okeanos

Hallo Zusammen,

ich nutze ein angepastes Twenty Ten Design.
Mein Problem liegt in der Darstellung der Beschriftung eines Bildes welches mit der Mediathek hochgeladen wurde.

Die Bilddarstellung habe ich geändert so, das die Bilder keinen Rahmen haben aber mit einem Schatten versehen sind.

Füge ich nun eine Bildbeschriftung ein, erscheint der Schatten um den kompletten Content.
Ich schaffe es nicht es umzuändern das unter dem Schatten die Beschriftung ist.

Hier wäre das Beispiel: http://www.hobby-picture.de/wp/portfolio/

Ich füge ein Bild an so wie es mit Beschriftung aussieht und wie es ohne Bildbeschriftung ausschaut.
Wie gesagt, der Schatten um das Bild soll bleiben, aber der Text ohne Schatten darunter.

Gruß, Ben

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

herrfischer

such mal im css fogendes:

PHP

.wp-caption-text

da fügst du dann das dazu:

PHP

margin: 30px 0 0;position: absolute;

aber am besten helfen könnte ich dir wenn du mal kurz eine beschreibung reinmachst und ich das sehen kann …

okeanos

Also das war nix. Da hat der alles durcheinander gebracht. Die Überschriften der Artikel sind von der Änderung auch betroffen gewesen :-(

Ich habe die Beschreibung reingemacht.

Wenn Du noch mal schauen kannst wär super.

http://www.hobby-picture.de/wp/uber-uns/

Gruß, Ben

herrfischer

alles klar. geh mal in die css und modifiziere in zeile 788:

PHP

#content .alignleft, #content img.alignleft {
    box-shadow: 8px 8px 8px;
    display: inline;
    float: left;
    margin-bottom: 90px !important;
    margin-right: 24px;
    margin-top: 4px;
}

und in zeile 815

PHP

#content .wp-caption p.wp-caption-text {
    color: #888888;
    font-size: 12px;
    margin-bottom: 5px;
    margin-left: 5px;
    margin-right: 5px;
    padding-top: 20px;
    position: absolute;
}

dann schauts bei mir so aus wie das bild im anhang.

okeanos

Das kommt dem ganzen ja schon recht nahe :-) Dafür besten Dank!!

Zwei Sachen die mir jetzt noch Kopfschmerzen bereiten:

1) Das Foto ist die Nase mit einem Weißen Rand - kein CSS Style.
Dieses Foto soll den Schatten bekommen.
Bei Deiner vorgeschlagenen Lösung bekommt der Weiße Rahmen aber noch einen grauen Rahmen.
Wie bekommt man den weg?

2) Das andere ist das der Text nun unter dem Foto rechtsbündig steht.
Kann man den auch mittig setzten?
Ich habe es nur über margin-left: 120px hinbekommen.
Dies hat nur den Nachteil das es ja für alle Bildbeschreibungen gilt und die Texte ja unterschiedlich lang sind :-(

okeanos

für alle CSS Könner...

Da ich meine Live Seite nicht mit dem "Fehler" Online haben möchte habe ich mal das System gespiegelt.

Hier ist jeder Eingeladen sich auszutoben:

http://www.hobby-picture.de/sandbox/

Das Problem ist auf der Seite auch noch mal beschrieben ;-)

Gruß, Ben

okeanos

Problem gelöst!!! :-)

So, der Fehler war recht simpel:

Der Schatten war auf dem falschem Objekt definiert und somit klappte es nicht.

Gruß, Ben

herrfischer

jupp, wollte vorhin antworten aber die webseite war down. aber jetzt lüppt es ja … :razz:

okeanos

Vielen Dank noch mal!!!!

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Bildbeschriftung in TwentyTen

Jetzt mitmachen!