Descrizione categoria flottante a destra

Ciao,

Per la community che abbiamo, stiamo apportando alcune modifiche alla landing page e vorremmo ottenere qualcosa di simile a community-openstreetmap.

Finora abbiamo rimpicciolito il logo della categoria seguendo Making custom CSS changes on your site. Ma quando si tratta di category-description, ci siamo bloccati.


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

Cosa vogliamo

Cosa abbiamo

prova questo:

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

inoltre, probabilmente stai abusando di !important

6 Mi Piace

Ha funzionato a meraviglia! Grazie!

Rimuoverò alcuni !important :slight_smile:

2 Mi Piace