Un usuario preguntó 👇
WordPress Twenty Twelve, tratando de cambiar los colores de los enlaces por estado, usando el siguiente código en el tema secundario style.css:
a:link {
color: green;
background-color: transparent;
text-decoration: none;
}
a:visited {
color: red;
background-color: transparent;
text-decoration: none;
}
a:hover {
color: yellow;
background-color: transparent;
text-decoration: underline;
}
a:active {
color: yellow;
background-color: transparent;
text-decoration: underline;
}
RESUMEN, el color GRIS del enlace VIDEO permanece, no cambia a ROJO. Todos los demás colores estatales cambian según lo especificado. ¡Perplejo!
¡¡¡Gracias!!! Jacob
(@jacobbarnett)
Hace 12 meses
DESCUBIERTO en otros lugares:
Significa que la regla tiene otra contrainscripción (es decir, “a: color visitado: rojo;”). Hay tres formas de sobrescribir una regla:
1) La regla de antitranscripción está presente en el mismo archivo CSS de la regla de antitranscripción, pero en una configuración inferior.
2) La regla de sobrescritura está presente en otro archivo CSS, vinculado después del archivo CSS que contiene la regla de sobrescritura.
3) La regla de sobrescritura dentro del archivo html es confirmada por la etiqueta o el atributo de estilo. —————— La regla que tengo en el estilo NIÑOS Veintidós está escrita por la regla en el estilo Veintidós.css. Acercarse.
(@jarretc)
Hace 12 meses
No hay otra regla que la visite. El problema es que el código CSS está cambiando el color de la página que está actualmente activa en el menú, es este código CSS
.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a,
.main-navigation .current_page_item > a,
.main-navigation .current_page_ancestor > a {
color: #636363;
font-weight: bold;
}
Así que tendría que tomar ese código y pegarlo en el archivo style.css del tema de su hijo y luego seleccionar el color a usar.
(@jacobbarnett)
Hace 12 meses
jarret ~
Gracias por su atención y alabanza. Agradezco tu comentario, este código es útil para la selección del menú.
Quizás mi trabajo original no estaba claro. Me gustaría cambiar el color de los enlaces de la página VIDEO a los que se hace referencia en todo el sitio. Una vez que se visita el enlace.
Por ejemplo, aquí se muestra una lista de páginas de boletines de referencia, que se muestran como fechas: https://synergycbd.com/newsletter-features/
En el ejemplo anterior:
a:visited {
color: red;
background-color: transparent;
text-decoration: none;
}
Quiero mostrarlos en rojo (para probar), no en gris…
Muchas gracias ~: ~ Jacob
(@jarretc)
Hace 12 meses
Ah, veo lo que quieres decir, pruébalo .entry-content a:visited
y luego debería funcionar para escribir correctamente. Entonces algo como esto
.entry-content a:visited {
color: red;
background-color: transparent;
text-decoration: none;
}
(@jacobbarnett)
Hace 12 meses
Jarret ~
Gracias por su atención y respuesta aquí. Agregar el código anterior al tema style.css de mi hijo no cambia los enlaces de la página en https://synergycbd.com/newsletter-features/.
Todavía perplejo.
Saludos cordiales, Jacob
(@jarretc)
Hace 12 meses
¿Tiene algún tipo de plugin de rendimiento / almacenamiento en caché que esté activo en el sitio o quizás en su cuenta de alojamiento?
Al mirar los archivos style.css que se están cargando en el sitio, se están cargando los siguientes 2 de su tema hijo:
https://synergycbd.com/wp-content/themes/twentytwelve-child/style.css?ver=1.0.0
https://synergycbd.com/wp-content/themes/twentytwelve-child/style.css?ver=5.3.2
Sin embargo, el código que mencioné no está en ninguno de esos. Sin embargo, mirando el archivo style.css sin cambios:
https://synergycbd.com/wp-content/themes/twentytwelve-child/style.css
El código existe pero el archivo style.css sin cambios no se carga por alguna razón.
(@jacobbarnett)
Hace 12 meses
Jarret ~
Sí, la utilidad Cacher se estaba ejecutando en el servidor web, SuperCacher. Ahora está obsoleto.
Interesando esos enlaces aparecieron varios archivos style.css. (!) Claramente debería haber solo uno. Mirando de cerca los archivos style.css, noto el tema URI: https://synergycbd.ORG (no .COM). También actualicé la versión # de la que estoy trabajando, para evitar inconsistencias y confusiones. -> Versión: 1.5.7
AHORA, las especificaciones del enlace son:
.main-navigation .current-menu-item > a, /*<<< Nav Colors 010120 */
.main-navigation .current-menu-ancestor > a,
.main-navigation .current_page_item > a,
.main-navigation .current_page_ancestor > a {
color: #b32d00;
font-weight: bold;
}
.entry-content a:link { /*<<< Dk Blue 010220 */
color: #0000A0;
background-color: transparent;
text-decoration: none;
}
.entry-content a:visited { /*<<< Lt Orange 010220 */
color: #ffb84d;
background-color: transparent;
text-decoration: none;
}
.entry-content a:hover { /*<<< Violet 010220 */
color: #d11aff;
background-color: transparent;
text-decoration: none;
}
.entry-content a:active { /*<<< Yellow 010220 */
color: yellow;
background-color: transparent;
text-decoration: none;
}
que parece estar funcionando bien !!! 🙂
Gracias nuevamente por su ayuda y perseverancia para resolver esto de manera brillante.
Con las mejores cualidades y gracias ~: ~ Jacob
(@jarretc)
Hace 12 meses
¡No hay problema! ¡Me alegra saber que pudiste resolverlo! 😀
¿Solucionó tu problema??
0 / 0