WBCE CMS – Way Better Content Editing.
You are not logged in.
Die Menüteile sind bis zu 6 Stück definiert
.
Ab 7 Stück fällt das weg.
Damit zerreißt es alle divs, weil zB .teaserbox7 nicht definiert ist.
Ich würde gerne ab 7 Stück (beginnt eine neue Zeile) das Div auf 240px definieren.
Das habe ich jetzt in den Einstellungen der Itemz das so gelöst:
teaserbox {float:left; margin:0 1% 20px 0; background: rgba(100,100,100,0.1); padding-bottom:30px;}
.teaserbox2 {width:48%; margin:0 2% 20px 0;}
.teaserbox3 {width:32%; margin:0 1% 20px 0;}
.teaserbox4 {width:23.8%; margin:0 1% 20px 0;}
.teaserbox5 {width:18.81%; margin:0 1% 20px 0;}
.teaserbox6 {width:16%; margin:0 0.45% 20px 0;}
.teaserbox7 {width:240px; margin:0 2% 20px 0;}
.teaserbox8 {width:240px; margin:0 2% 20px 0;}
.teaserbox9 {width:240px; margin:0 2% 20px 0;}
.teaserbox10 {width:240px; margin:0 2% 20px 0;}
.teaserbox11 {width:240px; margin:0 2% 20px 0;}
.teaserbox12 {width:240px; margin:0 2% 20px 0;}
Ist halt etwas unschön, weil ich bei jeder verwendeten Instanz das einfügen müsste, und wenn größer 12 wieder anpassen müsste.
Wie und wo kann ich das so regeln, dass alle .teaserbox>6 das direkt auswerfen?
Also zb ein .teaserboxx, wenn grösser als 6?
Dann würde es reichen, das .teaserboxx zu definieren.
@Chio: eventuell in ein Update einpflegen ;-)
Last edited by berny (07.06.2024 06:01:41)
Offline
Hallo!
Wenn du ab dem 7. Item für alle weiteren etwas anders haben willst, ist es sinnvoll, DAS zuerst einmal als Standard festzulegen:
.teaserbox {width:240px; margin:0 2% 20px 0;}
Und die oberen dann als Ausnahme:
.teaserbox:nth-child(1) {float:left; margin:0 1% 20px 0; background: rgba(100,100,100,0.1); padding-bottom:30px;}
.teaserbox:nth-child(2), .teaserbox:nth-child(3) ....usw
Ungetestet, aber sollte so laufen.
Last edited by ruebezahl (08.06.2024 13:54:13)
Offline
berny
so insgesamt wäre es besser, sowas mit grid zu machen.
ich könnte morgen ein kleines Tutorial dazu machen.
Offline
berny
Ich habs hier zusammengeschrieben:
https://wbce.at/tpls/itemz/itemz-teaserboxen.php
Offline
berny, florian
Ich schau mir das später nach an.
Danke!
Offline
Pages: 1