Contao 5.2, custom.css wird ignoriert

[samazaphikel]

Hi,

ich habe leider einen konflikt mit einer anderen CSS, die ich über die amte cusom.css beheben wollte.

Sprich, ich wollte diesen part:

.container .row,.sectionTop .inside .row,.sectionTop .inside .mod_newslist,.sectionTop .inside .mod_eventlist,.sectionTop .inside .mod_newsarchive,.sectionTop .inside .left-col #container,.left-col .sectionTop .inside #container,.sectionTop .inside .right-col #container,.right-col .sectionTop .inside #container,.sectionTop .inside .left-right-col #container,.left-right-col .sectionTop .inside #container,#header .nav-wrapper .row,#header .nav-wrapper .mod_newslist,#header .nav-wrapper .mod_eventlist,#header .nav-wrapper .mod_newsarchive,#header .nav-wrapper .left-col #container,.left-col #header .nav-wrapper #container,#header .nav-wrapper .right-col #container,.right-col #header .nav-wrapper #container,#header .nav-wrapper .left-right-col #container,.left-right-col #header .nav-wrapper #container,.container .mod_newslist,.container .mod_eventlist,.container .mod_newsarchive,.container .left-col #container,.left-col .container #container,.container .right-col #container,.right-col .container #container,.container .left-right-col #container,.left-right-col .container #container {
    margin-left: -.75rem;
    margin-right: -.75rem;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    //-webkit-flex-wrap: wrap;
    //-ms-flex-wrap: wrap;
    //flex-wrap: wrap;
    clear: left
}

das auskommentierte entfernen und habe diesen Block in die custom.css geladen. Nur leider wird das komplett ignoriert. Ich bin davon ausgegangen, dass wenn ich das in die cusom.css lade das ich somit die "alten" Einstellungen überschreiben kann. In der chrome Entwicklerkonsole kann ich auch sehen, dass die custom.css geladen wurde.

*caches sind geleert worden

Wie kann ich das nun auf dem richtigen Weg überschreiben? Bzw. die auskommentierten Bereiche entfernen?

[seibtph]

Ich weiß nicht genau was du vorhast, aber du kannst flex-wrap einfach auf einen anderen Wert setzen:

z. B.

.container.row {
  flex-wrap: inherit;
}

Damit passen sich die Inhaltselemente mobil aber nicht mehr richtig an. Wäre also nicht unbedingt empfehlenswert.

Das Auskommentieren bringt nichts, damit überschreibst du die Angaben nicht. Die Zeilen werden dann einfach ignoriert.

[samazaphikel]

Ändert aber dennoch leider nichts daran, wenn ich

.container.row {
  flex-wrap: inherit;
}

in die custom.css eintrage und den cache leere, dass diese auch angewandt wird. Geladen ist die custom.css, wird aber nicht beachtet. Sprich, flex-wrap: inherit; ist über den Chrome Entwicklermodus sichtbar, aber keine Änderung

[seibtph]

Hättest du einen Link zu deiner Seite und was genau willst du denn erreichen?

[samazaphikel]

Habe erstmal alles wieder Rückgängig gemacht.

Ich möchte so wie in der Mate Demo, 2 Textfelder nebeneinander anzeigen lassen. Aber egal was ich tue, die bleiben untereinander.

Wie in der Demo habe ich diese beiden Textfeld zwischen Contao Themes (Inhaltscontainer Anfang) und Contao Themes (Inhaltscontainer Ende) plaziert. Aber wie gesagt, diese bleiben untereinander.

Finde auch in den Theme Einstellung nichts was ich sonst noch einstellen könnte.

• Caches leeren, und Browser Cookies, sind gelleert

[seibtph]

Der Inhaltscontainer benötigt die Klasse row und den Textelementen darin gibst du z. B. die Klassen col s12 m6. Die Klassen bei den Textelementen kannst du unter Erweiterte CSS-Klassen auswählen.

Ist das bei dir so eingestellt?

Hast du sonst mal einen Link zu deiner Seite, falls das nicht helfen sollte? Die Angabe flex-wrap: inherit kannst du dir auf jeden Fall sparen.

[samazaphikel]

Wo genau finde ich diese Einstellungen aus dem Bild? Ich kann die nirgends finden.

Bei Erweiterte CSS-Klassen sieht das bei mir so aus.

die .col Attribute sind garnicht im dropdown vorhanden, ebenso die Spaltenbreite ist nicht aufgeführt. Ich kann hier nur .span und .offset einstellen.

Offtopic, ich weiß nicht ob das evtl zusammenhängt…. In einer subdomain habe ich mir frisches Container 5.2 installiert mit dem mate Theme, sonst keine Erweiterungen, das frontend ist nicht sichtbar.

Die links schicke ich gleich per Mail.

[seibtph]

Schau mal in den Einstellungen der Root-Seite, da sollte unter Erweiterte CSS-Einstellungen das materialize Klassen-Set ausgewählt sein. Vermutlich ist da bei dir etwas anderes ausgewählt.