× Bitte immer Live Url, PHP Version, Template Version und Template Name angeben

check [GELÖST] abgerundete Bilder (außerhalb UIKIT Slideshow)

  • Beiträge: 65
  • Dank erhalten: 0

[GELÖST] abgerundete Bilder (außerhalb UIKIT Slideshow) wurde erstellt von elmar1949

Ich möchte bei den Bildern generell runde Ecken haben.
In der Doku zu bootstraps ist unter "Utilities-Borders" die Klasse angegeben, die man pro Bild im IMG SRC einfügen kann.
z.B. class="rounded"

Gerne hätte ich das für alle Bilder auf meiner Web-Site realisiert, ohne bei jedem Bild diesen Parameter zu ergänzen. Zudem würde ich gerne einen anderen Border-Radius einstellen.
Im Firefox Inspektor habe ich abgelesen, dass die Syntax folgende ist (bei einem Bild, bei dem ich die o.g. Klasse eingefügt habe:
[URL entfernt]:

.rounded {border-radius: 0.25rem !important;}

Doch beim Eintragen dieser Syntax im Astroid Benutzerdefinierter Code bleibt das bei den restlichen Bildern ohne Ergebnis. Vermutlich wegen !important.

Wie lautet bitte die Syntax im benutzerdefinierten Code für alle Bilder außerhalb des UIKIT-Slidesets?[/url]
Letzte Änderung: 2 Jahre 4 Monate her von elmar1949.
2 Jahre 5 Monate her #1

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

  • Beiträge: 2009
  • Dank erhalten: 304

joomlaplates antwortete auf [GELÖST] abgerundete Bilder (außerhalb UIKIT Slideshow)

Hallo,
für jedes Bild müssen sie natürlich die CSS KLasse dann auch eintragen.
<img src="/_test_JP/images/grt002.jpg" alt="Griechisches Theater Zuschauer" class="rounded" style="float: left; margin-right: 10px;" title="Griechisches Theater Zuschauer" width="300" height="206" border="0">

Und der css code ist dann
.rounded, .border-layout {
    border-radius: 0.25rem !important;
}

Die Klasse der Uikit Bilder können sie nicht ändern, bzw nur sehr kompliziert mit einem Override. Aber da geht wahrscheinlich mehr schief als das es das wert wäre.
Letzte Änderung: 2 Jahre 5 Monate her von joomlaplates.
2 Jahre 5 Monate her #2

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

  • Beiträge: 65
  • Dank erhalten: 0

elmar1949 antwortete auf [GELÖST] abgerundete Bilder (außerhalb UIKIT Slideshow)

Okay, man muss dann wohl bei jedem Bild die CSS KLasse eintragen. Ich hatte gehofft, dass das pauschal geht. Ähnlich der Schriftgröße in der Body Typographie
2 Jahre 5 Monate her #3

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Installations-Service

Sparen Sie Zeit, wir installieren ihr gekauftes Joomla Template
mit all den dazugehörigen Extensions und dem "Demo Inhalt" innerhalb der nächsten 24 Stunden
auf einem Server/Webhost ihrer Wahl

Kaufen - 59€

Copyright © 2022 Joomlaplates | Joomla 4 Templates mit Uikit 3

Impressum & Datenschutz | AGB