Gelöst Boxen "Abstand" entfernen

[gccm.ch]

Hallo Zusammen

Wir haben unserem Shop www.gccm.ch ein neues Design verpasst - wird noch teilweise überarbeitet.
Jedoch haben wir das Problem (bestand auch schon vorher), dass unter "Kontakt" & "Zahlungsmöglichkeiten" ein fieser Abstand sich eingenistet hat im vergleich zu "Informationen" oder "Gesetzliche Informationen" - ganz unten auf der Seite.
Würden wir Boxen ohne Rahmen nehmen, dann ist es zwar linksbündig aber die "Punktelinie" unter dem "Titel" ist dann nicht mehr vorhanden, weswegen dies für unsere Design Ideen keine Option ist.

Ich finde persönlich, dass es so ziemlich unprofessionell aussieht.

Zudem hoffe ich, ihr sieht was ich meine.

Vielen Dank bereits im Voraus für jeden Lösungsvorschlag.

Liebe Grüsse aus der Schweiz!

 

[Rico Giesler]

Such mal in den CSS nach .panel-body und passe dort das Padding an.

 

[gccm.ch]

Habe jetzt alle padding auf 0px aber bringt irgendwie auch nichts..

 

[Rico Giesler]

Das müsste in der Bootstrap.css drin stehen.
Dein Paading für .panel-body ist immer noch 15px

 

[gccm.ch]

Ahh Super, vielen Dank. Sieht schon viel besser aus.
Letztes noch: Welcher String ist für den Abstand nach oben? Diesen hats auch ein wenig in mittleidenschaft gezogen.

 

[Rico Giesler]

Mit "padding-top" kannst du den Abstand nach oben einstellen.

 

[gccm.ch]

Vielen lieben Dank! Jetzt muss ich nur noch die Feineinstellung hierbei machen

Auf gute Geschäfte!

 

[FPrüfer]

Ich

Ahh Super, vielen Dank. Sieht schon viel besser aus.

Ich hoffe du hast das jetzt nicht direkt in die bootstrap.css geschrieben. Das ist nämlich grundsätzlich keine gute Idee. Diese Datei wird beim kompilieren der LESS-Dateien erzeugt. Also spätestens wenn das das nächste mal gemacht wird, wären deine Änderungen dann weg. Grundsätzlich solltest du für eigene Anpassungen ein Child-Template anlegen und umfangreiche Style-Änderungen in eigenem Less-Code machen, der dann zur bootstrap.css kompiliert wird. Kleinere Änderungen direkt am CSS können auch in der custom.css hinterlegt werden. Als Grundlage für ein eigenes Child Template empfehle ich die Evo-Child-Vorlage aus unserem Gitlab.