Wie fügst du denn Bild und Link ein?
Die Bilder sind einfach über die Option von Elementor „Bild einfügen“ eingefügt. Dort gibt es eine Option zum verlinken. Dort habe ich auf „individuelle URL“ gestellt und den Link in das dazu gegebene Feld eingefügt. Sobald ich etwas in das Feld einfüge schrumpft das Bild.
Ich hab gerade gesehen, dass das keine normalen Bilder sind, sondern SVG-Dateien. Das Stylesheet deines Themes hat dafür eine eigene CSS-Regel:
.elementor-widget-image .elementor-image > a img[src$=".svg"],
.elementor-widget-image .elementor-image figure > a img[src$=".svg"] {
width: 48px;
}
Das kannst du im Customizer mit folgender CSS-Regel generell überschreiben:
.elementor-widget-image .elementor-image > a img[src$=".svg"],
.elementor-widget-image .elementor-image figure > a img[src$=".svg"] {
width: auto;
}
Soll das nur für einen bestimmten Abschnitt gelten, kannst du diesem Abschnitt unter „Erweitert“ eine CSS ID zuweisen. Nehmen wir an, du nennst das grosse-svg
, dann wäre die CSS-Regel
#grosse-svg .elementor-widget-image .elementor-image > a img[src$=".svg"],
#grosse-svg .elementor-widget-image .elementor-image figure > a img[src$=".svg"] {
width: auto;
}
Super! Vielen Dank für die Mühe und die schnelle und zielführende Hilfe! Das hat bestens funktioniert!