Unterschiedliche Textlänge im Spalten bei Elementor..

Wie bekommt man die Bilder auf eine Ebne trotz unterschiedlichen Textlänge?

Noch eine zweite Frage: wie macht man jeder Bereich (Drei Säulen) anklickbar?

Zitat von timmehosting

Um die Bilder auf eine Ebene zu bringen, kannst du bei den Spalten jeweils die vertikale Ausrichtung ändern. Beispielsweise auf "oben", dann sind die Spalten oben bündig.

Um die Spalten klickbar zu machen, gibt es in Elementor beispielsweise das Element "Call to Action". Eventuell ist das bei dir bereits eingebaut. Dort kannst du dann einen Link hinterlegen. Das gilt ebenso für Bilder und andere Elemente.

Vielen lieben Dank für die Empfehlung mit Ausrichtung. Hat wunderbar geklappt )). Das mit "Call to Action" ist allerdings schwierig, da es such unter PRO Elementen befindet.
Ich kann allerdings eine freie block Schablone (bei Astra) evtl. implementieren, wo es schon eingebaut ist, nun finde leider nicht den richtigen weg es zu übertragen.

Ich möchte lediglich, dass durch klicken auf Element, zu einem anderen Element nach unten gerutscht wird. Wie bei onePager.

Zitat von timmehosting

Das lässt sich eigentlich recht einfach realisieren. Du gibst dem Element, zu dem du rutschen möchtest, eine CSS ID. Das geht in Elementor über die Einstellungen eines Elements > Erweitert > Layout.

Die CSS ID trägst du dann als Link mit vorangestellter Raute (z.B. #zielelement) bei dem Element ein, von dem aus "gerutscht" werden soll.

Das funktioniert leider nicht für die komplette Säule / Spalte. Soll man dann jedes Element mit Link versehen? Überschrift, Bild, Text :-(

Zitat von timmehosting

Spalten als solche sind von Haus aus nicht klickbar, lediglich die Elemente darin. Es gibt aber Tricks, um dies zu umgehen.

Entweder über ein kostenloses Plugin "Make Columns Clickable Elementor" (nicht getestet). Dann lässt sich der Spalte ein Link zuweisen.

Oder über CSS. Dafür brauchst du aber innerhalb der Spalte bereits einen Link (z.B. das Bild).
Der Spalte gibt's du eine CSS Klasse (z.B. clickable).
Und als Custom CSS folgenden Code probieren, um den Link über die ganze Spalte zu setzen:

/* Create and position :after pseudo-element */

.elementor-column.clickable a:after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 2;
}

/* Remove relatively-positioned parent elements in column */

.clickable .elementor-widget, .clickable .elementor-widget-wrap {
position: static;
}

Alternativ einfach mal "elementor column clickable" in einer Suchmaschine deiner Wahl eingeben.

Alles anzeigen

Wow, sehr ausführlich. Besten Dank!
Custom CSS ist nur für PRO User, wird es auch bei customizer gehen?