Bild mit abgerundeten Ecken einfügen

  • Moin und frohes neues Jahr euch allen.

    Dies ist meine erste Frage in diesem super Forum.

    Habe schon sehr viel gelesen und bin von der prompten Hilfe begeistert.

    Jetzt zu meiner Frage.

    Ich nutze das Layout Atmosphere Responsive mit Version 15.4.1 Express.

    Der Header ist ja ein bisschen abgerundet. Jetzt möchte ich gerne das Logo und die Bilder (Artikel) auch mit abgerundeten Ecken einfügen.

    Hab schon Bilder mit runden Ecken (Background fill: tranparent) versucht, geht nicht.

    Kann mir da jemand weiterhelfen ?

    Vielen Dank im vorraus

    mfg

    Thomas

  • Guten Abend Monteur

    Folgender Code sollte Deine Vorstellung bewirken.

    Code
    <style>
    #logo img /* Logo */ ,
    img.singleImage /* Bilder in Content */ ,
    .zpLinkBox img /* Bilder in den Link-Boxen - gegebenenfalls löschen */ ,
    .gallery-item img /* Bilder in Bilderalbum - ohne Slideshow - gegebenenfalls löschen */ ,
    .zpImageGallery.zpSlideshow img /* Bilder in Bilderalbum - die Slideshow ohne Gewähr - gegebenenfalls löschen */
        {border: 0px; border-radius: 10px;} /* gegebenenfalls Wert anpassen */
    </style>

    Müsste funktionieren.

    Beste Grüsse

    elch

    Zeta Producer 17.x - Express

    Website, zu einer nicht primär gewinnorientierten und/oder ernst zu nehmenden Nebentätigkeit: Heubeere.ch ;)
    (PS: "ß" gibt es nicht - und kann ich nicht. Sorry!)

  • Hallo Thomas

    danke erstmal

    An sowas habe ich auch schon gedacht, bekomme es nur nicht hin.

    Als Anhang ein Bild der Seite mit dem Inspector von FireFox geöffnet

    Ist das so richtig ? (Kann nicht, weil funxt nicht)

    <style>

    singleImage.zplazyloaded img {

    border-radius: 20px

    }

    </style>

  • Hallo

    Der Code von Elch funktioniert. (Daumen hoch)

    Somit hat sich der andere Beitrag erübrigt.

    Danke euch beiden.

Jetzt mitmachen!

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