W3.CSS Formulare kompakter gestalten. So geht es!
Nehmen wir das folgende Formular:
Hier wollen wir die markierten Abstände etwas reduzieren. Die Felder sollen dichter zusammen sein und auch weniger Platz am Rand verbrauchen. Mit etwas CSS-Code können wir dies erreichen:
<style>
.w3-container {
padding: 0em 4px !important;
}
p {
margin-top: 8px !important;
margin-bottom: 8px !important;
}
</style>
Den Code fügen wir unter Einstellungen – Erweiterte Einstellungen – Kopfzeile/Fußzeile ein.
Das Ergebnis:
Wer es noch kompakter haben möchte, kann die Pixel-Werte im CSS entsprechend anpassen.
