WBCE CMS Forum

WBCE CMS – Way Better Content Editing.

You are not logged in.

#1 07.06.2024 06:00:21

berny
Member

Itemz : Teaser-grid

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

#2 08.06.2024 13:53:53

ruebezahl
Member

Re: Itemz : Teaser-grid

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

Liked by:

berny

#3 08.06.2024 19:54:49

ruebezahl
Member

Re: Itemz : Teaser-grid

so insgesamt wäre es besser, sowas mit grid zu machen.
ich könnte morgen ein kleines Tutorial dazu machen.

Offline

Liked by:

berny

#4 09.06.2024 20:21:22

ruebezahl
Member

Re: Itemz : Teaser-grid

Ich habs hier zusammengeschrieben:
https://wbce.at/tpls/itemz/itemz-teaserboxen.php

Offline

Liked by:

berny, florian

#5 10.06.2024 06:27:53

berny
Member

Re: Itemz : Teaser-grid

Ich schau mir das später nach an.

Danke!

Offline

Board footer

up