Pregunta sobre Espied de Wordpress:

Cambiar todos los colores de los enlaces

Un usuario preguntó 👇

He estado cambiando todos los colores de los enlaces, pero necesito un poco de ayuda porque creo que estoy haciendo CSS sobre CSS. Quiero cambiar los colores de los enlaces, los colores de desplazamiento del enlace, incluidas todas las categorías, etiquetas, etc., en todo el sitio. He cambiado muchos de ellos, pero todavía hay enlaces que pierden el azul claro del tema. Supongo que otras personas querían cambiar el sitio de colores de enlaces en todo el mundo, pero ¿no podrían conseguirlo aquí? ¡Gracias de antemano por cualquier ayuda!

(@jarretc)

Hace 1 año, 3 meses

Hola, hice clic en el sitio un poco, pero no pude encontrar ningún enlace que sea azul claro como mencionaste. ¿Pudiste resolver esto?

Si no es así, ¿qué páginas en particular no se están actualizando todavía con el color correcto?

Lanzador de hilos

(@ owen919)

Hace 1 año, 3 meses

Hola, encontré algunos de ellos, pero verá los enlaces azules aquí en el archivo y las etiquetas, etc.

https://owenyork.com/project-tag/available/
https://owenyork.com/portfolio/the-real-jim-morrison/
https://owenyork.com/project-tag/ac Acrylics-on-canvas/
https://owenyork.com/portfolio/

Sin embargo, debería haber una forma de cambiar los colores de los enlaces del sitio en todo el sitio. Los estaba haciendo solo, lo que parece que se está haciendo mucho más trabajo para ellos de lo que debería ser para cambiar los colores predeterminados de los enlaces de todo el sitio.

¡Gracias por la ayuda!

(@jarretc)

Hace 1 año, 3 meses

Hola de nuevo, todos tienen enlaces rojos para mí por lo que veo. ¿Quizás su navegador está recogiendo el antiguo color azul? Prueba algo como? Para agregar un nocaché al final de cada una de estas URL, use un navegador o dispositivo diferente que no haya visitado previamente el sitio para ver si muestra el color del enlace rojo.

Lanzador de hilos

(@ owen919)

Hace 1 año, 3 meses

Negativo. Los que todavía tienen una fuente azul o un azul flotante son las vistas previas de las imágenes y las etiquetas. He configurado todo para que sea rojo / blanco o un fondo claro y, por otro lado, parece un fondo de neón verde / texto negro. Quiero eliminar todo el bebé azul cuando le doy color o texto. Puede ver las imágenes en azul al pasar el cursor sobre el título de la imagen o ver aquí: https://owenyork.com/project-tag/available/ y puede ver que la etiqueta y el texto del título se han vuelto azules aquí al pasar el mouse: https://owenyork.com/portfolio/the-reanimateds-surprise/.

¡Gracias!

(@kokkieh)

Hace 1 año, 3 meses

Hola,

Al igual que con @jarretc, no veo ningún enlace azul en su sitio. Todos los enlaces se muestran en rojo y se resaltan en verde brillante al pasar el mouse.

Si ve diferentes colores, el problema está en su navegador.

El «color de desplazamiento» que ve en las miniaturas del portafolio en la página principal es el color de fondo de las miniaturas. La imagen se vuelve semitransparente al pasar el mouse, lo que permite que se muestre el color de fondo. Puede cambiar el color de fondo con este CSS:

.post-thumbnail-wrapper {
	background-color: green;
}

La función JavaScript maneja el efecto de desplazamiento en sí, por lo que no se puede bloquear con código CSS personalizado.

(@ gary-barrett)

Hace 1 año, 3 meses

Puedes ver la etiqueta y el título el texto se volvió azul aquí al pasar el mouse

Hola,

Puedo ver los enlaces azules.

Al buscar detalles de contenido (etiquetas y categorías), el texto es azul con un fondo verde, como se muestra en la imagen que @kokkieh publicó https://owenyork.com/portfolio/the-reanimateds-surprise/

Puede cambiar ese color azul al buscar agregando el CSS a continuación:

.entry-meta a:hover, .entry-meta a:active, .entry-meta a:focus {
    color: #fb0200;
}

El valor del color se puede cambiar a lo que prefiera.

Lanzador de hilos

(@ owen919)

Hace 1 año, 3 meses

Chicos, ustedes son estupendos. Eso fue suficiente cuando entré y encontré el resto que quería cambiar en lugar de solo una última cosa, si no tienes la última vista. He cambiado todo excepto los colores de desplazamiento del cuadro VIEW. Parece que no puedo cambiarlo de blanco. Volando, estoy tratando de mantener el mismo esquema de color en el fondo verde / fuente negra / borde negro. ¿Alguien tiene alguna sugerencia allí?

(@ gary-barrett)

Hace 1 año, 3 meses

He cambiado todo excepto los colores de desplazamiento del cuadro VIEW.

Para cambiar el fondo blanco detrás del enlace «ver», intente:

.view-link:hover, .view-link:focus, .view-link:active {
    background-color: #00ff01;
}

También hay un comando blanco en el enlace «ver». Si desea cambiar eso, intente:

.view-link {
    border-color: #fb0200;
}

Lanzador de hilos

(@ owen919)

Hace 1 año, 3 meses

Genial, gracias de nuevo. Eso funcionó para el fondo. Pero el borde y la fuente siguen siendo rojos al pasar el mouse. Intentando cambiar todo a negro al pasar el mouse. ¿La segunda SEC no parece cambiarlo?

(@ gary-barrett)

Hace 1 año, 3 meses

Para cambiar ambos elementos a negro, use:

.js .project-navigation .jetpack-portfolio.has-post-thumbnail .view-link {
    color: black !important;
    border-color: black !important;
}

Lanzador de hilos

(@ owen919)

Hace 1 año, 3 meses

Eso funciona, pero ¿cómo lo aplico excepto cuando estoy de caza?

(@ gary-barrett)

Hace 1 año, 3 meses

Indique el color que le gustaría que tuviera el borde y el texto:

a) generalmente (cuando no está oculto)

y

b) cuando esté cubierto.

Lanzador de hilos

(@ owen919)

Hace 1 año, 3 meses

Cuando esté oculto, quiero que sea un borde negro y un texto. Cuando es normal / no oculto, ahora es perfecto.

(@ gary-barrett)

Hace 1 año, 3 meses

Cambie los colores a medida que avanza por encima del enlace de vista, intente:

.project-navigation .jetpack-portfolio.has-post-thumbnail .view-link:hover {
    color: black !important;
    border-color: black !important;
}

Lanzador de hilos

(@ owen919)

Hace 1 año, 3 meses

Ese es el boleto. Ustedes molan. ¡¡Gracias por el tiempo y la atención a estos ajustes !! a

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