Description de catégorie flottant à droite

Dev
1

Bonjour,

Pour la communauté que nous avons, nous apportons quelques mises à jour à la page de destination et aimerions obtenir quelque chose de similaire à ce que community-openstreetmap a.

Jusqu’à présent, nous avons réduit la taille du logo de catégorie en suivant Making custom CSS changes on your site. Mais quand il s’agit de category-description, nous sommes bloqués.


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

Ce que nous voulons

image
image606×217 18.5 KB

Ce que nous avons

image
image575×218 11.4 KB

2

essayez ceci :

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

de plus, vous utilisez probablement trop !important

6 « J'aime »
3

(message supprimé par l’auteur)

4

Ça a marché comme par magie ! Merci !

Je vais supprimer quelques !important :slight_smile:

2 « J'aime »