Contao-Camp 2024
Ergebnis 1 bis 5 von 5

Thema: Abstand zwischen zwei Artikeln verkleinern - Nature Theme

  1. #1
    Contao-Nutzer
    Registriert seit
    15.04.2014.
    Beiträge
    219

    Standard Abstand zwischen zwei Artikeln verkleinern - Nature Theme

    Hallo zusammen

    Ich baue mit dem "Nature Theme" eine neue Webseite auf.

    - Die Startseite besteht aus 3 Artikeln: Slider / Einleitung / Projekte

    Weil ich den Artikel "Projekte" auf einer anderen Seite include, kann ich den Inhalt nicht in den Artikel "Einleitung" reinpacken (denn dann hätte ich das Problem nicht).

    Nun ist mir aber der Abstand zwischen diesen beiden Bildern zu gross: Abstand kleiner.jpg

    Es geht um folgende Webseite: https://neu.paradisolasciallo.ch/

    Beim "Nature Theme" kann man ja in der Datei custom.scss eigene CSS-Befehle einbinden.

    Ich habe schon verschiedenes ausprobiert - aber nichts hat bis jetzt gefruchtet...

    DANKE.

    Beste Grüsse
    Claudia

  2. #2
    Contao-Urgestein Avatar von folkfreund
    Registriert seit
    09.04.2010.
    Beiträge
    1.928

    Standard

    Der Artikel darüber hat ein padding-bottom, das du auf 0 setzen könntest.

  3. #3
    Contao-Nutzer
    Registriert seit
    15.04.2014.
    Beiträge
    219

    Standard

    Zitat Zitat von folkfreund Beitrag anzeigen
    Der Artikel darüber hat ein padding-bottom, das du auf 0 setzen könntest.
    Danke vielmals.

    Ja... habe in dieser Richtung schon probiert... Auch mit F12 und mir dann denn CSS-Selektor rauskopieren lassen.

    Das hat dann folgende Versuche ergeben:

    #article-172 {
    padding-bottom: 0;
    }

    und folgenden

    .article-172 {
    padding-bottom: 0;
    }

    beides hat zu keinem Ergebnis geführt. Irgendwas habe ich grundlegend noch nicht verstanden/herausgefunden....

  4. #4
    AG Pressearbeit
    Community-Moderator
    Buchautor 'Contao für Webdesigner'
    Avatar von planepix
    Registriert seit
    05.06.2009.
    Ort
    Stuttgart
    Beiträge
    6.464
    Partner-ID
    107
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Der Abstand ist in dieser CSS-Definition drin:
    Code:
    #main .mod_article:not(.article-full-width) {
        padding: 100px 0;
    }
    Da das eine allgemeine Definition ist, würde ich gucken, wo sich das dann auch noch auswirkt.
    Wenn es nur explizit an einer Stelle sein soll, dann ergänze einfach den CSS-Selektor.
    ---------------------------------
    Beste Grüße planepix
    Contao für Webdesigner (Website), Twitter: @contaowebdesign
    weitzeldesign
    Contao-Sprechstunde
    Contao Schulungen: https://www.weitzeldesign.com/cms-co...chulungen.html
    Contao Jahrbuch: www.contao-jahrbuch.de
    Contao Agenturtag: www.contao-agenturtag.de
    Contao Stammtisch Stuttgart: www.contao-stammtisch-stuttgart.de
    Contao 4 Erfahrungen als Gitbook: https://app.gitbook.com/@planepix/s/...-mit-contao-4/
    Contao 4 & Manager Hosterhinweise: https://github.com/contao/contao-manager/wiki

    Schon wieder ein Update?
    Glücklich sind die, die den Wert erkennen – und wertschätzen.
    „Muss man machen wie beim Zahnarzt. Der bestraft einen auch mit hohen Rechnungen wenn man die Pflege vernachlässigt.”

  5. #5
    Contao-Nutzer
    Registriert seit
    15.04.2014.
    Beiträge
    219

    Standard

    super, danke euch beiden!

    Damit konnte ich es zusammen"basteln" und sehe nun auch, was ich wo mittels F12 hätte herauslesen sollen...

    Damit hat es nun geklappt:

    #main #article-172.mod_article:not(.article-full-width) {
    padding-bottom: 0;}

    Vielen Dank für die schnelle Hilfe!
    Claudia

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •