Support » Plugins » Elementor / Bildgröße ändert sich beim verlinken

  • Gelöst deanb89

    (@deanb89)


    Hallo,

    sobald ich bei Elementor ein Bild verlinken möchte schrumpft dieses. Ich habe bereits diverse Maße probiert, sämtliche Plugins deaktivert und css entfernt – leider ohne Erfolg.

    Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]

Ansicht von 4 Antworten - 1 bis 4 (von insgesamt 4)
  • Moderator Bego Mario Garde

    (@pixolin)

    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.

    Moderator Bego Mario Garde

    (@pixolin)

    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!

Ansicht von 4 Antworten - 1 bis 4 (von insgesamt 4)