-
Posts
-
Hallo Support-Team,
Ich habe in 2 nebeneinander liegenden 1/2-Layout-Elementen jeweils einen Textblock und darunter einen separaten Button rechtsbündig eingefügt. Beide Layout-Elemente sind zwar gleich hoch (über die Einstellung “Gleiche Höhe” erzwungen), aber die Buttons liegen mit gleichem Abstand unter dem jeweiligen Text … wegen der unterschiedlichen Textlänge aber nicht auf gleicher Höhe.
Ich möchte die Buttons in beiden 1/2 Layout-Element mit identischen Abstand zum unteren Rand der 1/2-Layoutelemente positionieren.Ich bitte um Ihre Unterstützung.
Vielen Dank!Hey abilcon,
dazu bräuchten wir einen präzisen Link wo wir uns die Elemente einmal anschauen und inspizieren können.
Gruß,
AndyHallo Andy,
ich gebe Dir den Zugriff in den Private Data.
Das beschriebene “Problem” findest Du auf der HOME-Page.
Danke und Gruß
JensHi,
sorry für die späte Antwort. Das ist was ich sehe: http://i.imgur.com/Y4hJYxB.png und schaut soweit alles gut aus mit deinen Buttons. Was genau möchtest du denn anders haben? eine Skizze wäre toll, dann wüssten wir genau welchen Code wir dir basteln können :).
Gruß,
AndyHallo Andy,
scheinbar lagen die Buttons (2 von 5) nur zufällig auf Deinem Bildschirm auf einer Höhe…?!
Hier eine “Skizze”, wie ich mir das Ganze vorstelle .. unabhängig vom Browser oder der Bildschirmbreite ..Aus meiner Sicht müssten die Buttons irgendwie “an der Unterkante des Layout-Elements angebunden werden” (mit einstellbarem Abstand” ;-)
Die Auswahl Rechts/Mitte/Links ist ja bereits möglich.Danke und Gruß
Jens
Die gestrichelte Linie ist hier nur zur Verdeutlichung angegeben .. ich brauche diese Linie im Web nicht …Hi,
dein letztes Bild kann ich nicht sehen.
Ich habe mich mal ein wenig rein gefuchst. Also als erstes habe ich die Höhe deiner Columns auf “Equal” eingestellt. Dann nutze bitte diesen Code im Quick CSS Feld:
.avia-button-wrap.avia-button-right { position: absolute; bottom: -35px; right: 13px; }und passe die Werte an wie du es dann genau brauchst.
Du müsstest dann noch eventuell für etwas mehr Platz zwischen den oberen und unteren Columns sorgen. Einfach ein “Whitespace/Separator” Element verwenden zum Beispiel.
Gruß,
Andyich würde die Buttons nicht in den Text mit einbauen, sondern als img alb element unter das Text Element.
Dadurch hast du die Möglichkeit das Image Element unabhängig vom Text zu positionieren.ich habe hier folgendes gemacht: 3 Columns, equal height, eine custom Class diesen Columns zuordnen (bei mir: column-mit-spezialbutton)
darunter ein Button Element und das absolut positionieren:https://webers-testseite.de/kokon/beispiel-seite/
oben das ist deine lösung – mit den Buttons innerhalb des Text-Elementes – das klappt nicht!.column-mit-spezialbutton .avia-button-wrap { bottom: 20px; left: 50%; position: absolute; transform: translate(-50%); } .column-mit-spezialbutton .avia_textblock { padding-bottom: 50px; }mti dem Abstand unterhalb des Textelementes musst du ein wenig spielen ob da 50px ausreichen.
die lösung oben ist die schwerere Variante mit Button im Center. Recht und links brauchst du dann nur right und left mit einem Wert festlegen
@ Andy
Danke für Deine Unterstützung!
Ich bin Deinem Lösungsvorschlag gefolgt, habe aber anstatt des vorgeschlagenen “Whitespace/Separator” das bottom-padding des Layout-Elements vergrößert.
Wirkt der eingestellte CSS-Code jetzt auf alle rechtsausgerichteten Buttons?.. egal auf welcher Seite?@ Guenni007
Danke auch für Deinen Lösungsvorschlag! Ich muss mich an diesen Lösungsvorschlag aber erst noch “heranarbeiten” ;-) .. um ihn zu vollständig zu verstehen und einsetzen zu können…Schönes WE und Gruß
JensAlso die Columns so ( zum Vergrößern klicken):
und der Content zwei Elemente ein Button und ein Text (nicht wie bei dir im Textfeld den Button Platziert)
@ Guenni007
Hast Du die 3 nebeneinanderliegenden Layout-Elemente (columns) in ein umfassendes Layout-Element eingefügt .. z. Bsp. Color-Section..?!
Für das einzelne 1/3-Layout-Element kann ich nämlich keine Section-ID (so heißt in meinem deutschen ENFOLD scheinbar die von Dir sogenannte “Benutzerdefinierte CSS-Klasse”) vergeben … verfügbar allerdings nur in einer Farb-Section ..
Gerne würde ich Dir ein Bild einstellen.., aber das hat sich mir auch noch nicht nachvollziehbar erschlossen ..?!?@ Andy
Warum kann ich keine Section-ID für das 1/3-Layout-Element vergeben ..?!keine ID die Möglichkeit eine Custom Class zu vergeben siehe bitte hier: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
und die Klasse müssen alle Columns die es betreffen soll erhalten (deshalb wäre eine ID auch falsch)Du kannst das in eine Color-Section setzen.
Hi,
danke wiedermal @Guenni007
@abilcon
Lass uns wissen, wenn du dazu noch Fragen hast. Ansonsten gerne ein neues Ticket.Gruß,
Andy@Guenni007: Danke, ich schau mir das an …!
@Andy: Kannst Du den Thread bitte noch so lange offen lassen, bis ich die beste Variante für unsere Seite erarbeitet .. und auch wirklich verstanden habe …?!Danke!
- You must be logged in to reply to this topic.