Verwendung: Icon Boxen ohne Zwischenraum

Jörg's Avatar

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

    RockSolid Themes's Avatar

    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);
        }
    }
    
  2. 2 Posted by Jörg on 19 Jul, 2021 03:26 PM

    Jörg's Avatar

    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?

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

    RockSolid Themes's Avatar

    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);
        }
    }
    
  4. 4 Posted by Jörg on 20 Jul, 2021 10:24 AM

    Jörg's Avatar

    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;
    }

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:

»

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac