Descripción de categoría flotando a la derecha

Desarrollador
1

Hola,

Para la comunidad que tenemos, estamos realizando algunas actualizaciones en la página de destino y queríamos lograr algo parecido a lo que tiene community-openstreetmap.

Hasta ahora hemos hecho que el logotipo de la categoría sea más pequeño siguiendo Making custom CSS changes on your site. Pero cuando se trata de category-description, nos hemos quedado atascados.


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

Lo que queremos

image
image606×217 18.5 KB

Lo que tenemos

image
image575×218 11.4 KB

2

prueba esto:

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

además, probablemente estás abusando de !important

6 Me gusta
3

(publicación eliminada por el autor)

4

¡Funcionó de maravilla! ¡Gracias!

Eliminaré algunos de los !important :slight_smile:

2 Me gusta