Hilfe beim Design

*Flora*

Hi,

ich schon wieder

Ich habe jetzt die Artikel alle ins News-System verschoben und die neue Startseite eingerichtet. Ich würde aber ganz gerne noch ein paar Schönheitsfehler bearbeiten und zwar:

1. Boxen - sie kleben aneinander und ich hätte gerne dazwischen einen Abstand

2. Button zum Weiterlesen hätte ich gerne immer alle auf gleicher Höhe

Das selbe Problem habe ich dann auch noch mal in dem Menuepunkt News. Da kleben die Boxen auch aneinander.

Ich hatte bereits im Archiv geschaut, da hatte auch jemand das Problem, aber leider habe ich es nicht hinbekommen. Wenn mir jemand behilflich sein könnte, dann wäre das echt super.

jodler303

Du känntest mal versuchen im CSS folgendes zu ergänzen:

div.messageText

{

min-height:500px;

}

a.newsPreview
{
min-height: 100px;

}

und dann die Werte 100 und 500 entsprechend anpassen.

*Flora*

Danke, aber das war leider nicht die richtige Hilfe.

*Flora*

so ... ich habe es hinbekommen und zwar habe ich einen css code den ich für Artikel genutzt habe, einfach umgeändert mit News

Was ich aber nicht wegbekomme ist diese weiße Linie. Sie ist auch nicht in jeder News zu sehen. Wie bekomme ich sie bitte weg ?

Cyperghost

Du kannst es mit folgendem CSS Code ändern

Code

ul.newsList > li > article.news{
    min-height: 100%;
}

*Flora*

super ... Danke Dir !

*Flora*

doch noch nicht erledigt

Gibt es eine Möglichkeit, das die Button, ich habe auf der Startseite vier News, immer auf der gleichen Höhe angezeigt werden ?

Ich habe es im ACP - News-System unter "Maximale Länge des Vorschautexts" versucht, aber ein Button tanzte immer aus der Reihe. Gibt es evtl. ein css Code, der den Button auf einer bestimmten Höhe hält ?

Cyperghost

Sollte mit folgendem gehen

CSS

.newsList .news > .messageContent > div{
    min-height: 100%;
    > div:not(.newsDateBadge){
        display: flex;
        flex-direction: column;
        > .containerHeadline{
            flex:0 0 auto;
        }
    }
}

*Flora*

super ... vielen vielen Dank !!

Hilfe beim Design

Cyperghost 3. August 2019 um 11:05

Cyperghost 15. August 2019 um 22:08

Dragosius 31. Oktober 2022 um 00:34

Informationen

Über uns