Neu NOVA CSS Einstellung für Container anpassen

PMVision

Aktives Mitglied
26. November 2011
1
0
Hallo Zusammen, ich versuche mich das erste mal mit dem Shop 5 und dem NOVA Template.
Ich möchte die Container Breite anpassen.
Im Thema-Editor habe ich den Wert
$container-max-widths: (
sm: 97vw,
md: 720px,
lg: 960px,
xl: 1650px
) !default;
geändert und das Theme "Clear" kompiliert.
Wenn ich die clear.css aufrufe wir der Wert auch angezeigt (siehe Screenshot anbei), allerdings nicht in meinem Demo-Shop übernommen.
Dort sind weiterhin die 1250px aktiv (siehe Screenshot).
Kann mir jemand sagen wo mein Denkfehler ist?
Viele Grüße Paul
 

Anhänge

  • NM_CSS_$container-max-widths_1.jpg
    NM_CSS_$container-max-widths_1.jpg
    315,8 KB · Aufrufe: 67
  • NM_CSS_$container-max-widths_2.jpg
    NM_CSS_$container-max-widths_2.jpg
    454,3 KB · Aufrufe: 65

ARA-Marketing

Offizieller Servicepartner
SPBanner
2. Oktober 2008
993
127
Regensburg
ohne sich jetzt hier weiter damit reinzulesen....weil man solche Sachen normalerweise über ein Child-Template löst....

die .container-max-width sagt dir die "MAXIMALE" Breite.... nicht die Breite, die eventuell durch andere Befehle definiert ist...
heißt also, als Beispiel, wenn du einen Bildschirm mit 3000px Breite hättest, wäre der container nur MAXIMAL so groß !

Beste Grüße
Eas
 

Cassiopeia

Sehr aktives Mitglied
9. Mai 2017
454
71
Hallo, da ich auch gerade am Thema sitze aber im Forum nichts finde. Den Container kann man ja auf Boxed stellen. Aber wo und wie definiere ich wie große Boxed ist ?
In unserm Fall hat unser Shop in der Desktopversion nun eine schmalere Breite mit der Boxed Option , aber ich will es etwas breiter haben, wo im CSS oder im Backend stelle ich das ein ?

Ich habe einen Boxed Container und darin alle Inhalte der Landingpage.
 
  • Gefällt mir
Reaktionen: Berger_ und STKT24

STKT24

Mitglied
28. Juni 2023
11
3
Hallo, da ich auch gerade am Thema sitze aber im Forum nichts finde. Den Container kann man ja auf Boxed stellen. Aber wo und wie definiere ich wie große Boxed ist ?
In unserm Fall hat unser Shop in der Desktopversion nun eine schmalere Breite mit der Boxed Option , aber ich will es etwas breiter haben, wo im CSS oder im Backend stelle ich das ein ?

Ich habe einen Boxed Container und darin alle Inhalte der Landingpage.
Hallo, ich habe das selbe anliegen. Hast du bereits eine Lösung gefunden ?
 

Berger_

Gut bekanntes Mitglied
1. Februar 2023
122
21
Hallo,

ich habe ebenfalls das gleiche Problem, hat jemand eine Lösung?

Gruß
Berger_
 

css-umsetzung

Offizieller Servicepartner
SPBanner
6. Juli 2011
7.547
2.087
Berlin
Du unterscheidest zwischen container-fluid = 100%
und .container = boxed.

Die Größe von .container wird über das oben gepostete gesteuert.
 

Berger_

Gut bekanntes Mitglied
1. Februar 2023
122
21
Du unterscheidest zwischen container-fluid = 100%
und .container = boxed.

Die Größe von .container wird über das oben gepostete gesteuert.
Ok, also ich möchte jetzt z.B. nur die Breite von XL überschreiben, scheint aber noch nicht zu funktionieren.

2024-06-08_09h08_13.png

auch ein überschreiben von .container-xl{max-width:1550px} in "Benutzerdefiniertes CSS, Sass oder Scss" funktioniert nicht.
 
Zuletzt bearbeitet:
Ähnliche Themen
Titel Forum Antworten Datum
Neu Anfrage für CSS Anpassung Nova Childtemplate Dienstleistung, Jobs und Ähnliches 1
Neu Frage zur ersten Seite des Nova-Template (Demoseite) und wie man diese abschaltet Allgemeine Fragen zu JTL-Shop 2
Neu Nova Template - Kategoriemenü links Hintergrund andere Farbe und Balken umfärben Templates für JTL-Shop 5
Neu Nach Aktivierung Nova Template - Fatal error: Uncaught TypeError: JTL\Template\Model::getTemplateType() Templates für JTL-Shop 5
Neu Ändern der Header-Einstellungen im NOVA-Template ziehen nicht Templates für JTL-Shop 1
Änderungen aus Child-Template Einstellungen (Nova-child) werden nicht übernommen (Footer/Header) Einrichtung JTL-Shop5 3
Neu Sprachauswahl mit Flaggen Shop 5.4 Nova Template Templates für JTL-Shop 10
Social Media Links und Icons in den Header, Nova Template, Child vorhanden Einrichtung JTL-Shop5 0
Neu Nova Template Bild loeschen Templates für JTL-Shop 1
Neu Nova Template - Filter Eigenes Fenster Hintergrundfarbe ändern + Kategoriebilder Mobil anzeigen lassen Templates für JTL-Shop 0
Neu Placeholder Schriftfarbe Suchfeld Nova Templates für JTL-Shop 2
Neu Struggling mit SCSS und CSS und Kompilieren Templates für JTL-Shop 3
Neu JTL Template und Themes CSS Chaos Templates für JTL-Shop 6
Neu CSS vor schließendem head-Tag laden Templates für JTL-Shop 1
Neu Paypal Checkout Plugin - Kaufdetails an Paypal übergeben Einstellung Plugins für JTL-Shop 5

Ähnliche Themen