3 Spalten sehen komisch aus

Salja

Hey, ich hab da ein Problem wenn ich das News System auf 3 Spalten stelle dann sieht das alles komisch aus nichts ist auf einer Line was könnte das Problem sein ?

Cyperghost

Verwendest du den Standard Style?

Falls nein, tritt dies in diesem auch auf?

Salja

Ja es ist der Standard Style

Cyperghost

Werde ich mir mal ansehen und dann melden

Salja

Zitat von Cyperghost

Werde ich mir mal ansehen und dann melden

Besten Dank

Salja

Mir ist grade noch aufgefallen das die Likes auch keine Leerzeile haben die kleben sofort an den Bild unten mit dran, ich denke das sollte auch nicht so sein ?

Cyperghost

Dazu wird es in der nächsten Version einen Fix geben.

Du kannst dies selbst machen in dem du folgenden CSS Code einfügst

CSS

.newsList {
  &.doubleColumned, &.tripleColumned {
    > li {
      padding-top: 0 !important;
    }
  }
}

#news .newsLikesSummery {
  margin-top: 30px;
}

Alles anzeigen

Salja

Vielen Dank, sollte die Line nicht komplett durchgehen ? Vom Design her wäre es da auch nicht besser wenn die Weiterlesen Buttons auch alles auf einer höhe sind ?

Cyperghost

Nein, ganz am ende sollte keine Linie sein.

Das ist mit folgendem CSS-Code behoben, bitte den "alten" überschreiben.

CSS

.newsList {
  &.doubleColumned, &.tripleColumned {
    > li {
      padding-top: 0 !important;
      border-bottom-width: 1px !important;
    }
  }

  &.tripleColumned {
    li:nth-last-child(-n + 3):nth-child(3n + 1), li:nth-last-child(-n + 3):nth-child(3n + 1) ~ li {
      border-bottom-width: 0 !important;
    }
  }
  &.doubleColumned {
    li:nth-last-child(-n + 2):nth-child(2n + 1), li:nth-last-child(-n + 2):nth-child(2n + 1) ~ li {
      border-bottom-width: 0 !important;
    }
  }
}

#news .newsLikesSummery {
  margin-top: 30px;
}

Alles anzeigen

3 Spalten sehen komisch aus

Cyperghost 25. August 2019 um 11:39

Cyperghost 14. August 2020 um 11:51

Cyperghost 14. August 2020 um 11:51

Dragosius 31. Oktober 2022 um 01:01

Informationen

Über uns