Pregunta sobre Vantage de Wordpress:

Elemento de menú con enlace de cambios de color personalizados al hacer clic

Un usuario preguntó 👇

Hola En este sitio web, al hacer clic en el elemento del menú ‘ARCO REAL’ se abre otra página según sea necesario. Pero, al volver a la página original, el elemento del menú tiene un color de fondo azul claro. Agradeceríamos cualquier ayuda.

(@misplon)

hace 4 meses

Hola lawrie

Creo que WP Fastest Cache podría cambiar un poco el orden de CSS. El azul claro es el color de desplazamiento original que prioriza el color de la configuración seleccionada por el Cliente. Una opción posible es excluir la hoja de estilo del tema de WPFC, su ruta de archivo es /wp-content/themes/vantage/style.css. O puede probar lo siguiente en CSS personalizado:

main-navigation ul li:hover > a, .main-navigation ul li:focus > a, #search-icon #search-icon-icon:hover, #search-icon #search-icon-icon:focus {
    background-color: #002f77 !important;
}

(@ lawriem1)

hace 4 meses

Gracias por tu respuesta Andrew. Desafortunadamente, el CSS personalizado o la hoja de estilo en WP Fastest Cache no ayudaron. También desactivé WP Fastest Cache, pero eso tampoco tuvo ningún efecto.

(@misplon)

hace 4 meses

Gracias. Tal vez sería Autoptimize, tal vez intente agregar /?ao_noptimize=1 a la URL para probar. Si eso resuelve el problema, es posible que desee ver la configuración de AO y probar un poco en la sección CSS.

(@ lawriem1)

hace 4 meses

Buena suerte, Andrew, pero tengo un conflicto con el plugin Abrir enlaces externos en una ventana nueva, que ahora he desactivado.

(@misplon)

hace 4 meses

Estupendo, gracias por la actualización. Volveré mañana con este problema y la pregunta de NextGen. Gracias por la estadía.

(@misplon)

hace 4 meses

Pruebe el siguiente CSS personalizado:

.main-navigation ul li:hover > a, .main-navigation ul li.focus > a {
	background: #002f77 !important;
}

Gracias

(@ lawriem1)

hace 4 meses

Gracias Andrew. Cuando regrese a la página original, todavía hay una línea de puntos alrededor de la pestaña, pero los puntos son muy pequeños y el problema del color se ha resuelto, así que puedo vivir con eso. Gracias de nuevo

(@misplon)

hace 4 meses

Me alegra saber que eso ayuda. Puedes probar:

a {
   outline: 0;
}

(@ lawriem1)

hace 4 meses

Gracias Andrew. Me pusiste en el camino correcto. Perfecto ahora.

(@misplon)

hace 4 meses

Excelente, me alegra saber que está progresando. Aquí hay una publicación de referencia para ese último cambio. https://css-tricks.com/removing-the-dotted-outline/.

(@ lawriem1)

hace 4 meses

Gracias de nuevo Andrew

Para obtener información, para que funcione, tuve que .main-navigation ul li: hover> a, .main-navigation ul li.focus> a {outline: 0! Importante de usar; }

Pero probablemente sea solo yo 🙂 ¡Realmente no entiendo estas cosas!

(@misplon)

hace 4 meses

Eso luce perfecto. No puede cometer un error fatal con CSS, por lo que puede probarlo.

Saludos por ahora 🙂

¿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 *