Home → Contao →

Verwendung: Icon Boxen ohne Zwischenraum

• Edit

Jörg

16 Jul, 2021 03:49 PM

Produkt: Tao Contao
Contao-Version: Version 4.9.13

Hallo zusammen,
mein Kunde besteht darauf, 3 Boxen mit Inhalt über die gesamte Bildschirmbreite darzustellen. Jede Box mit einer unterschiedlichen Farbe. dazu sind m.E. die Icon-Boxen ideal. Allerdings ist zwischen den Boxen, bzw. um die Boxen ein weißer Rahmen, den ich leider nicht wegbekomme.
Könnt Ihr mir bitte helfen?!
Vielen Dank!

1. Support Staff 1 Posted by RockSolid Theme... on 19 Jul, 2021 08:04 AM

   

   Vielen Dank für Ihre Frage.

   Dafür können Sie dem Inhaltselement z. B. die CSS-Klasse icon-boxes-no-gutter zuweisen und folgenden CSS-Code in die Datei files/tao/css/custom.css einfügen:

   @media (min-width: 600px) {
       .icon-boxes-no-gutter > .rs-column.rs-column {
           margin-right: 0;
           width: calc(100% / 3);
       }
   }
   

   • Edit

2. 2 Posted by Jörg on 19 Jul, 2021 03:26 PM

   

   Hi, ganz lieben Dank! Hat super geklappt...
   Jetzt habe ich allerdings oben und unten noch einen weißen Rand.
   Welche CSS-Einstellung muss ich vornehmen, dass dieser verschwindet?

   • Edit

3. Support Staff 3 Posted by RockSolid Theme... on 20 Jul, 2021 07:07 AM

   

   Um das zu erreichen können Sie den CSS-Code noch um Angaben für margin-top und margin-bottom ergänzen:

   @media (min-width: 600px) {
       .icon-boxes > .rs-column.rs-column {
           margin-right: 0;
           margin-top: 0;
           margin-bottom: 0;
           width: calc(100% / 3);
       }
   }
   

   • Edit

4. 4 Posted by Jörg on 20 Jul, 2021 10:24 AM

   

   Danke für die schnelle Antwort.
   Leider hat dies nicht geklappt. Aber ich konnte mit folgendes CSS-Code das Problem lösen. Für den Fall, dass jemand dies auch so machen will, hier der Code:

   .icon-boxes {
       margin: 0.0em 0;
   }

   • Edit