Beiträge von LonexXMax

Perfekt, danke! So hat es funktioniert.

So ich muss diesen Thread leider nocheinmal ausgraben.

Ich habe es lange garnicht bemerkt, da sich niemand beschwert hat aber die Boxen werden Auf Mobiltelefonen und Tablets nicht dem Mobilen Design angepasst.
Sprich sie werden nebeneinander angezeigt und nicht untereinander, wie es die Boxen normalerweise im mobilen Design machen sollten.

Mein Code sieht so aus:

body[data-page-id="104"] {
	.boxesContentBottom > .boxContainer {
        display: flex;
    }
	[data-box-identifier="com.cls-design.wcf.box.articleSlider"] {
		width: 50% !important; 
		padding-right: 25px;
		padding-left: 20px;
		margin-top: 0 !important;
	}
    [data-box-identifier="com.woltlab.wcf.genericBox73"] { 
    	width: 50% !important;
		padding-right: 25px;
		padding-left: 20px;
		margin-top: 0 !important;
    }
}

Ich hoffe es kann mir jemand weiterhelfen.

Mit freundlichen Grüßen,
Max

Danke, so konnte ich meine Vorstellung exakt umsetzen!

Mit freundlichen Grüßen,
Max

@Tom Ertsmal danke für Ihre Antwort.

Allerdings liegt es nicht an der Videobox. Ich habe gerade eine Box mit einem einfachen Textinhalt statt der Videobox eingebunden und habe das gleiche Problem - Der Artikelslider skaliert sich so komisch.

Haben Sie vielleicht eine Ahnung woran das liegen könnte bzw. wie ich die Boxen gescheit nebeneinander bekomme? Vielleicht mit einem anderen CSS Code?

Mit freundlichen Grüßen,
Max

Sehr geehrte cls-design Community,

ich würde den Artikel Slider von cls-desgin gerne anders einbauen, es soll nämlich neben dem Slider noch ein Video angezeigt werden. Sprich: Zwei Boxen nebeneinander.

Dazu habe ich folgenden Code verwendet:

body[data-page-id="104"] {
	.boxesContentBottom > .boxContainer {
        display: flex;
    }
	.boxesContentBottom > .boxContainer > div:first-of-type {
        width: 50% !important;
        padding-right: 25px;
        padding-left: 20px;
        margin-top: 0 !important;
    }
    .boxesContentBottom > .boxContainer > div:last-of-type {
        width: 50% !important; 
        padding-right: 25px;
        padding-left: 20px;
        margin-top: 0 !important;
    }
}

Die Boxen werden nun zwar nebeneinander angezeigt jedoch nimmt die SliderBox nicht die richtige Breite ein. Siehe hier:

Nun ist die Frage ob ich einen Fehler gemacht habe oder ob so eine Anordnung mit der Sliderbox einfach nicht möglich ist?
Ich hoffe es findet sich jemand der mir helfen kann.

Ich bedanke mich schoneinmal im Voraus für jegliche Antworten.

Mit freundlichen Grüßen,
Max