Cambiar color links entradas en Wordpress para diferenciarlos

  • Autor Autor dasilvadanij
  • Fecha de inicio Fecha de inicio
D

dasilvadanij

Gamma
Redactor
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Buenas amigo de foros beta, tengo una consulta quiero cambiar SOLAMENTE el color de los links de las entradas en wordpress ya que me salen del mismo color del texto y no se pueden diferenciar para los lectores. :welcoming::welcoming:
 
Puedes añadir en style.css

(Hacer copia de seguridad antes siempre que se toca código 🙂 )

.entry a {
color:#XXXX;
}

.entry a:hover {color:#XXXX;
text-decoration:underline;
}

XXXX: cambia por el código del color que desees.
 
ElCofreDelDinero dijo:
Puedes añadir en style.css

(Hacer copia de seguridad antes siempre que se toca código 🙂 )

.entry a {
color:#XXXX;
}

.entry a:hover {color:#XXXX;
text-decoration:underline;
}

XXXX: cambia por el código del color que desees.
Hacer clic para expandir...

He tratado de buscar eso en el codigo pero no logro conseguirlo !

- - - Actualizado - - -

Acabo de conseguir este codigo no se si tenga algo que ver de mi style
Insertar CODE, HTML o PHP: 
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}
 
Obviamente tienes que eliminar el XXXX... si buscas
Insertar CODE, HTML o PHP: 
.entry a {
color:
y
Insertar CODE, HTML o PHP: 
.entry a:hover {color:
con CTRL+F no deberias tener problemas en encontrarlos.
 
Buenas tardes {hora peninsular} muchas veces depende del theme que estés usando y como estén de agrupadas o no las etiquetas CSS, yo buscaría:

a {
color: #ColorQueQuieras;
}

En este caso sería para cambiar el color de "todos los enlaces" pero como dice [MENTION=165236]ElCofreDelDinero[/MENTION] iría a buscar "entry" aunque como bien digo, según el theme se puede buscar "entry" o dejo algunos ejemplos de etiquetas que buscaría: .post h2.entry-title, .post h2.entry-title
 
zaytsev dijo:
Obviamente tienes que eliminar el XXXX... si buscas
Insertar CODE, HTML o PHP: 
.entry a {
color:
y
Insertar CODE, HTML o PHP: 
.entry a:hover {color:
con CTRL+F no deberias tener problemas en encontrarlos.
Hacer clic para expandir...

No no aparecen Mira este codigo donde nombran a los link justamente donde dice entradas y paginas supongo que es alli donde se deberia cambiar pero no sale

Insertar CODE, HTML o PHP: 
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}
 

Prueba a añadir el código.
 
dasilvadanij dijo:
Ya lo hice pero no funciono !
Hacer clic para expandir...

Prueba con el siguiente código:

Insertar CODE, HTML o PHP: 
.post-body a{
color: #XXX !important;
}
.post-body a:visited{
color: #XXX !important;
}
.post-body a:hover{
color: #XXX !important;
}

El primer código cambia el color del enlace normal. El segundo el del enlace visitado. Y el tercero el del enlace al pasar el ratón sobre él.

Espero que funcione.
 

No no funciono :grumpy::grumpy::grumpy::grumpy:
 
Hola, buenas tardes {hora peninsular} no entiendo porque estáis queriendo modificar una etiqueta CSS con :hover si lo que quiere es cambiar el color de dichos enlaces en posición natural. Uno de los problemas de WordPress suele ser ese, que muchas etiquetas están agrupadas en una por lo que hace un poco más tedioso editar/añadir el CSS pero no imposible 🙂 🙂 he llegado a cambiar todo el CSS de un theme para que trabaje con WooCommerce.
 

No entendi mucho tu respuesta pero gracias amigo !
 
dasilvadanij dijo:
No entendi mucho tu respuesta pero gracias amigo !
Hacer clic para expandir...

:active, :hover, :focus y :visited son etiquetas que se usan en el CSS para personalizar los enlaces en diferentes acciones, hover por ejemplo hace referencia a como se comporta el enlace, cuando el ratón se pasa por encima. 🙂 🙂

- - - Actualizado - - -

Yo ya lo tengo controlado hace tiempo 🙂 :welcoming::welcoming::welcoming::welcoming::welcoming: 🙂🙂

- - - Actualizado - - -
[MENTION=161967]dasilvadanij[/MENTION] esperando los colores por los que quieres que se cambien dichos enlaces de sólo las entradas, notificarme por Skype.
 

Sigo intentando cambiarlos, Los codigos me parecen estar bien, pero los coloco en el style y nada es como si no los agarrara !
 
dasilvadanij dijo:
Sigo intentando cambiarlos, Los codigos me parecen estar bien, pero los coloco en el style y nada es como si no los agarrara !
Hacer clic para expandir...
Usa el inspector de código para ver qué atributos se le aplican al elemento, allí puedes ver a qué hoja de estilos pertenece (en caso de haber varias aunque en wordpress normalmente es una sola) y en qué linea. Puedes hacer cambios directamente en el inspector y si funciona ya sabes qué es lo que debes modificar en la hoja de estilos. Ya cuando tengas mas práctica pruebas a hacer un "tema hijo" que es como se deberían hacer esos cambios, así no los pierdes en caso de actualizarse el tema.
 
dasilvadanij dijo:
Sigo intentando cambiarlos, Los codigos me parecen estar bien, pero los coloco en el style y nada es como si no los agarrara !
Hacer clic para expandir...

El código está perfecto y hecho para que no afecte a los demás cambios del mismo grupo, ya que están agrupadas, cosas de WordPress.

Otra cosa es que sepas o no implementarlo, la mayoría de los themes responden y priorizan a su css, pero se puede implementar igual, obviamente hay que saber 🙂🙂
 
Fijate con inspeccionar elemento como mencionaron ahí arriba, es muy facil asi
 
Que theme usas?
 

Muchísimas gracias a todos por tanta colaboración ! El día de ayer pude realizar lo que quería.

Simplemente quería cambiar el color de los enlaces de las entradas. de verdad no se nada de css3 soy nuevo en todo esto. Pero mirando detalladamente pude ver que mi style.css esta organizado por partes, con determinados detalles. cuando colocaba el código de ultimo o de primero para acomodar el color de los enlaces. No funcionaba.
Entonces Pense buscar la sección especifica para poder colocarlos --> La conseguí :sorrow::sorrow: Y FUNCIONO.

También tuve que pensar una modificación en el código que todos me habían dado porque si usaba solo
Insertar CODE, HTML o PHP: 
a{ color: #51548 ;}
No funcionaba porque me cambiaba el color de todos los links y no era lo que yo buscaba.


Para que cambiara solo los links de las entradas USE !

Insertar CODE, HTML o PHP: 
.Post a{ color #251sda ; }

MIREN MI SITIO PARA QUE VEAN COMO QUEDO. ---> www.ktecnologia.com

GRACIAS A TODOS POR SU COLORACIÓN
 
Hay que estar conectado o registrado para responder aquí.

Temas similares

I
Cambiar color links en footer_copyright
Respuestas
8
Visitas
1K
imported_NkC
I
Menú
Acceder
Registro