Kategoriebeschreibung schwebt nach rechts

Hallo zusammen,

Für die Community, die wir haben, nehmen wir einige Änderungen an der Landingpage vor und möchten etwas Ähnliches wie community-openstreetmap erreichen.

Bisher haben wir das Kategorie-Logo kleiner gemacht, indem wir Making custom CSS changes on your site gefolgt sind. Aber bei der category-description bin ich stecken geblieben.


.category-logo.aspect-image {
  --max-height: 70px !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  display: block !important;
  margin-bottom: 0.5em;
}

.category-logo.aspect-image img {
  display: block;
  width: calc(var(--max-height) * var(--aspect-ratio)) !important;
  max-width: none !important;
  height: auto !important;
  max-height: var(--max-height) !important;
}

.category-description {
margin-top: 0.5em;
overflow: hidden;
color: var(--primary-high);
}

Was wir wollen

Was wir haben

versuch das:

.category-logo.aspect-image img {
    float: left;
    padding-right: 10px;
}

Außerdem verwendest du wahrscheinlich zu viel !important

6 „Gefällt mir“

(Beitrag vom Autor gelöscht)

Hat wie am Schnürchen funktioniert! Danke!

Werde einige !important entfernen :slight_smile:

2 „Gefällt mir“