Gelöst: Container Breite einstellen im Customizer (Shop Isle)

  • Gelöst slimstars

    (@slimstars)


    vor 7 Monaten

    Hier mal eine Lösung für die Einstellung zur Anzeige des Seiteninhalts in „aktueller“ Bildschirmbreite.

    Um die Seitenbreite und die damit verbundene Containerbreite anzupassen genügt es folgenden Codeschnipsel im Customizer unter „Zusätzliches CSS“ einzufügen:

    .container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1150px}}@media (min-width:1600px){.container{width:1550px}@media (min-width:1900px){.container{width:1850px}

    Hierbei kommt es auf folgende Bereiche an: „1900“ steht für die minimale Bildschirmbreite ab der dann der Container mit „1850“ px breite angezeigt wird – diese Angaben sind veränderbar. Wichtig ist nur, dass die zweite Zahl kleiner ist als die erste.. 🙂 hoffe das kann helfen, Klaus

    (wer einen Rechtschreibfehler findet darf ihn behalten)

    • Dieses Thema wurde vor 7 Monaten von slimstars geändert. Grund: Rechtschreibung

    Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]

Ansicht von 3 Antworten – 1 bis 3 (von insgesamt 3)
  • Thread-Starter slimstars

    (@slimstars)

    vor 7 Monaten

    …

    Moderator La Geek

    (@la-geek)

    vor 7 Monaten

    Hallo @slimstars, wir freuen uns über alle User, die dieses User-helfen-User-Forum mit hilfreichen Antworten, Ratschlägen usw. unterstützen, Danke dafür.

    Als Ergänzung zu deinem Code: Du hast es zwar im Titel erwähnt aber damit es nicht untergeht, hier noch einmal der Hinweis, dass dieser CSS-Code für das Theme "Shop Isle" erstellt wurde. Unter gewissen Umständen (wenn der entsprechende Block die CSS-Klasse container erhalten hat) könnte das auch mit einem anderen Theme funktionieren.

    Ich habe mir keinerlei Gedanken über die best practices und die Sinnhaftigkeit des Codes gemacht, sondern will nur anmerken, dass der CSS-Code so wie er oben steht, nicht funktionieren kann, da zwei schließende geschweifte Klammern fehlen.

    Obiger Code:

    .container {
	margin-right: auto;
	margin-left: auto;
	padding-left: 15px;
	padding-right: 15px
}
@media (min-width:768px) {
	.container { 
		width:750px
	}
}
@media (min-width:992px) { 
	.container {	
		width:970px 
	}
}
@media (min-width:1200px) {
	.container { 
		width:1150px 
	}
}
@media (min-width:1600px) { 
	.container {
		width:1550px
	}
@media (min-width:1900px) { 
	.container {
		width:1850px
	}

    Neuer Code, mit allen Klammern:

    .container {
	margin-right: auto;
	margin-left: auto;
	padding-left: 15px;
	padding-right: 15px
}
@media (min-width:768px) {
	.container { 
		width:750px;
	}
}
@media (min-width:992px) { 
	.container {	
		width:970px;
	}
}
@media (min-width:1200px) {
	.container { 
		width:1150px;
	}
}
@media (min-width:1600px) { 
	.container {
		width:1550px;
	}
}
@media (min-width:1900px) { 
	.container {
		width:1850px;
	}
}
    Thread-Starter slimstars

    (@slimstars)

    vor 7 Monaten

    Danke vielmals für die Korrektur meines Fehlers La Geek 🙂

    Ich finde bloß keine Möglichkeit meinen Post jetzt nachträglich zu verbessern…

Ansicht von 3 Antworten – 1 bis 3 (von insgesamt 3)

Das Thema „Gelöst: Container Breite einstellen im Customizer (Shop Isle)“ ist für neue Antworten geschlossen.