-
Posts
-
Hallo,
ich kenne mich eigentlich ganz gut mit dem Theme Enfold mittlerweile aus.
Ich habe da aber eine Seite/Layout das ich einfach nicht weiß wie ich dies umsetzen kann das es nicht nur als 1 ganzes Bild eingefügt wird sondern wirklich Reihe für Reihe aufgebaut wird damit es auch schön auf dem Handy zu sehen ist und es natürlich echter Text auf der Seite ist.https://my.hidrive.com/lnk/LXxkrcfc
es geht um dieses Layout anfangend unter den Text mit den 4 Bildern und darunter die Kästen.
Können Sie mir helfen solch ein Layout umzusetzen das funktioniert und nicht als 1 Bild eingesetzt werden muss?
Ich kann Ihnen auch gern einen Zugang geben – siehe unten und der Link der Seite damit sie da schauen können habe wirklich keine Idee das am besten aufzubauen.Liebe Grüße
Die Frage – ob es geht ist nicht ohne, denn was passiert mit den Columns im responsiven Fall:
hier habe ich mal rumgespielt. und für das obere Teil auch mal den Responsiv Fall bearbeitet.
Bei dem Grid-Row Element wird es schon schwerer.
https://webers-testseite.de/lhoff/Im Grunde müsste man mit dem Grid Layout Modul arbeiten. – Wer denkt das Flex Box Model wäre komplex – der kann sich hier mal einlesen was das Grid Modul kann: https://kulturbanause.de/blog/css-grid-layout-module/
und vor Allem https://css-tricks.com/snippets/css/complete-guide-grid/
In dem Fall würde man in eine Colorsection sagen wir mal 10 1/4 Columns einfügen und dann entsprechend das Ganze bearbeiten. ;)
…Also z.B.:
Siehe hier: https://webers-testseite.de/grid-layout-modul/Es ist völlig beliebig welche Columns du da in das Layout legst, die Breiten und die Lage werden bestimmt durch das css.
Basis ist immer das Elternelement auf Layout : Grid zu setzen und die Items dann zu benennen.
Damit wir mit Enfold arbeiten können habe ich also die columns zu Items erkoren. Das direkte Elternelement ist aber der : entry-content-wrapper.Manche Enfold Einstellungen muss ich jedoch per css überschreiben, da es ja Regeln für die Columns gibt etc.
Entscheidendes Aha-Moment ist: ich kann das jetzt schieben wie ich will. Anfänglich habe ich 4Spalten 3Zeilen definiert
Die Weiten kann ich beim Grid Layout mit einer relativen Größe angeben. Die fr-Einheit. fr ist eine Brucheinheit und 1fr ist 1 Teil des verfügbaren Platzes.
Im Responsiven Fall ändere ich das: 3Spalten 6Zeilen
Besonderheit: wenn jetzt in feld2 feld2 auftaucht , dann sind da keine Lücken ( Die Zelle wird dann nur über zwei Breiten gestreckt)Hallo,
wow ich weiß gar nicht was ich sagen soll :) das ist ja der Wahnsinn wie sich hier die Leute um den Support kümmern, da muss ich Enfold immer ganz klar loben klasse Theme, klasse Support.
Ich werde es so schnell es geht testen was Sie mir da aufgebaut haben :) so könnte es wirklich gut funktionieren.
Danke vielen vielen lieben Dank!
- You must be logged in to reply to this topic.