CSS-Definition

Duki

Hallo Leute,

Ich versuche den Bildern im Bilderalbum einen Rahmen zu verpassen. Unter Einstellungen --> CSS habe ich eine CSS angelegt. Die Class heißt bild. Wie wird im Bilderalbum unter "Mehr" die Klasse definiert? z.B. : class="bild" oder nur "bild" ? Funktioniert beides nicht. Auch als ID nicht.

phil-web

Hallo,

bei Klasse müssten Sie nur "bild" eingeben, und Ihren CSS-Selektor anpassen, da die Klasse nicht den Bildern selbst, sondern dem umschließenden Widget-Container gegeben wird:

Code

.bild img{
(eigenes CSS für den Rahmen hier einfügen)
}

Duki

Super, danke, hat geklappt. Ich hatte kein "img" in der css drin.

Duki

Noch ein kleines Problem,

das übernehmen der CSS klappt. Jetzt ist mir aufgefallen, dass in Bilderalbum der rechte Rand nicht zu sehen ist. Ich habe den Style sowohl nur mit border als auch so:

<style>

.bild img{

border-left:2px solid #0082D7;

border-right:2px solid #0082D7;

border-top:2px solid #0082D7;

border-bottom:2px solid #0082D7;

}

</style>

eingegeben. Beide Varianten zeigen keinen rechten Rahmen. Woran könnte das liegen?

elch

Hallo Duki

Wenn generell um die Bilder des Widget "Bilderalbum" ein Rahmen dargestellt werden soll, füge versuchsweise unter "Einstellungen -> CSS" folgenden Code ein:

Code

<style>
.zpImageGallery .gallery-item {
border: 2px solid #0082D7;
}
</style>

Die "class .bild" könntes Du dann weglassen.

Soll jedoch nur das eine Bilderalbum entsprechend dargestellt werden - und/oder wenn Du Deine "class .bild" beibehalten möchtest - müsste folgender Code funtionieren:

Code

<style>
.bild .zpImageGallery .gallery-item {
border: 2px solid #0082D7;
}
</style>

Viele Grüsse

elch

CSS-Definition

Jetzt mitmachen!

Hilfe zum Support-Forum

Wollen Sie eine professionelle Website erstellen?