Pregunta sobre Storefront de Wordpress:

conexión de línea de salida en vuelo estacionario

Un usuario preguntó 👇

Hola, soy un nuevo desarrollador web que está creando un sitio web actualizado para mi negocio de impresión de artículos.

Mis enlaces a mis categorías de productos (en la mitad de la página) parecen estar subrayados cuando el mouse no se desplaza sobre ellos y no están resaltados cuando están sobre ellos.

Idealmente, quiero que estos cambien de color al pasar el mouse (al igual que los enlaces del menú en la parte superior) o que se pongan en negrita, o que tengan un borde visible al pasar el mouse, ya que prefiero este estilo que cualquier línea al respecto.

Probé diferentes códigos CSS en los temas css de mi hijo, incluidos:

/ * Quitar subrayado * / a {text-decoration: none; }

/ * Agregar efecto de color de desplazamiento * / a: hover {color: # e05757; }

Y .entry-content a {color: # 008488; límite: ninguno; caja de sombra: ninguna; }

.entry-content a: hover {color: # 008488; }

y otros CSS que encontré en Google, incluido agregar! importante, pero nada parece cambiar los enlaces en absoluto.

Me pregunto si hay algo más dentro del escaparate que me está impidiendo hacer esto.

Gracias por adelantado

(@etiennep)

Hace 1 año, 8 meses

Hola,

Puede usar el siguiente CSS como punto de partida para controlar lo que sucede cuando revisa los títulos de categoría;

h2.woocommerce-loop-category__title:hover {
    color: red;
}

Y también puede usar el siguiente CSS para eliminar la línea debajo de los títulos;

.hentry .entry-content a:not(.button) {
    text-decoration: none;
}

Puede que tengas que jugar un poco con eso !important y aquí hay una publicación con algunas ideas: https://css-tricks.com/having-fun-with-link-hover-effects/ 😉

¿Solucionó tu problema??

0 / 0

Deja una respuesta 0

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *