Cambiar el color de fondo al pasar el ratón en los botones con clase nav

[patrickemin]

Hola, encontré esta discusión:

Button color changes

[34%20PM][01%20PM]Hello all, how do you change the orange default button color? I’ve changed it to the desired hex color in Settings>Customize>Colors but the buttons remain the default orange.

Intenté adaptarla a mi caso, que es cómo cambiar el color de fondo de los botones de navegación al pasar el ratón sobre ellos (no cuando están activos). Mi escaso conocimiento de CSS no fue suficiente… Se agradece la ayuda

[awesomerobot (Kris)]

Ese tema está desactualizado, así que lo voy a archivar…

Si deseas cambiar el color al pasar el ratón por encima de estos botones de filtro encima de la lista de temas:

Puedes hacerlo, ya que usamos algunas variables:

:root {
  --d-nav-bg-color--hover: #fab1ed;
}

Hay un conjunto completo de variables para esta navegación que se pueden editar de la misma manera:

@awesomerobot

:root {
  --d-nav-color: var(--primary);
  --d-nav-bg-color: transparent;
  --d-nav-color--hover: var(--primary);
  --d-nav-bg-color--hover: var(--d-hover);
  --d-nav-color--active: var(--tertiary);
  --d-nav-bg-color--active: transparent;
  --d-nav-border-color--active: var(--d-nav-color--active);
  --d-nav-underline-height: 0.125em;
}

Como referencia general: Making custom CSS changes on your site

[patrickemin]

¡Muchas gracias @awesomerobot! Pero lo añadí a mi CCS personalizado, no se ve ningún cambio. Probé también con un color “fijo”, mismo resultado, sin efecto.

:root {
  --d-nav-bg-color--hover: var(--quaternary);
}

[Vaping_Community]

Podrías intentar

:root {
  --d-nav-bg-color--hover: var(--quaternary) !important;
}

[patrickemin]

@Vaping_Community

!important;

No, todavía no hay cambios, eso es raro.

[Vaping_Community]

¿Has creado un componente temático para añadir el CSS?

[patrickemin]

Sí, mi otro código CSS está funcionando:

[Vaping_Community]

Nunca he usado :root, siempre he usado los nombres de las clases, tendré que echarle un vistazo ahora :ojos:

[Vaping_Community]

Me funcionó… sin !important

[patrickemin]

¿Cómo lo hiciste?

[Vaping_Community]

Igual que tú… no cambió nada en la parte superior de la última versión, cambió los elementos del menú de administración y los elementos del menú de preferencias del usuario.

[patrickemin]

Ok, en mi caso no hay ningún cambio visible en ninguno de ellos.

[Vaping_Community]

¿Quizás sea una tontería, pero le has dado a guardar?

[patrickemin]

Sí, lo hice

[patrickemin]

No es esencial, esperemos hasta que alguien más lo intente… @Steven si puedes intentarlo ya que eres administrador en mi sitio…

[Firepup650 (Firepup Sixfifty)]

Solo para asegurarme, tienes el componente de tema con el cambio aplicado al tema que estás usando, ¿verdad?

[patrickemin]

Sí, y solo tengo un tema.

[Firepup650 (Firepup Sixfifty)]

Si intentas una actualización de caché (Ctrl/Cmd+Shift+R), ¿por casualidad hace que aparezca?

[patrickemin]

Sin cambios.

[patrickemin]

Ok, así que, como tengo otros dos sitios de Discourse, probé eso en otro y… ¡funcionó!
Ahora hay algo en mi sitio dessein-tech.com que interfiere con ese mod.

Desactivé todos los componentes uno por uno sin éxito.