Avisos
Vaciar todo

Problema de color enlaces  

 
David
 David
Noble Member

Buenas noches,

Hemos implementado un nuevo plug-in de redes sociales en esta web. Todo bien pero el color del texto de los iconos aparecía naranja, que es por defecto el color que tenemos en los enlaces del interior de los textos. (solo el interior de los textos enlaces en color naranja). Total, que hemos cambiado el CSS que veíamos en Firebug de los textos de los iconos , y ahora los enlaces del texto también quedan blancos.

Hemos probado varias veces y no encontramos la manera de que sigan naranjas en el cuerpo de texto de los articulos, pero los iconos de redes con textos blancos.

Adjuntamos captura. Por favor, podéis decirnos como tener esos dos colors de forma independiente en los enlaces ?

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 21/09/2016 11:25 pm
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola,

Es muy probable que haya entendido mal, pero deseas el color de los textos como te adjunto en la captura?

ResponderCitar
Respondido : 22/09/2016 2:44 am

David
 David
Noble Member

Hola Johnny,

No no, así es como estaba antes al instalar el componente, porque cogió por defecto el color de nuestros enlaces en el interior del texto de los articulos. Lo hemos cambiado a blanco modificando el template.css pero nos ha puesto en blanco todos los links de los textos interiores de articulos. Con lo cuál han dejado de verse.

Lo que queremos es dejar blanco (como se ve en nuestra captura) el interior de los iconos, pero naranjas los enlaces de texto del interior de la página, para que se vean.

Buenos días

ResponderCitar
Respondido : 22/09/2016 10:38 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola David, Buenos Días.

Si no lo entendido mal lo que pretendes es que los enlaces de la pagina ( Por ejemplo títulos ) al seleccionarlos sea de color naranja.

Prueba con esto:

a:hover, a:active, a:focus, #gkMainbody a, #gkMainbody h1 a:active, #gkMainbody h1 a:focus, #gkMainbody h1 a:hover, #gkMainbody h2 a:active, #gkMainbody h2 a:focus, #gkMainbody h2 a:hover, #k2Container article header h2 a:active, #k2Container article header h2 a:focus, #k2Container article header h2 a:hover, #gkSidebar .box a:hover {
  color:#DF974D
    }

Si no es esto lo que buscas, por favor discúlpame e indícame que enlace es el que quieres cambiar.

Un saludo

ResponderCitar
Respondido : 22/09/2016 12:07 pm

Cursos Gratuitos WordPress

David
 David
Noble Member

Hola Pepe,

He introducido el código que me indicas. Esto cambia el color de los enlaces, pero también cambia el color del contenido de los iconos de redes sociales. Puedes verlo en la web ahora.

* He visto que he conseguido en alguno de mis intentos poner el interior del botón twiter en blanco, pero no se cómo lo he hecho 🙂

ResponderCitar
Respondido : 22/09/2016 1:27 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola David.

Ok, ya tenemos una cosa que son los enlaces.
Ahora añade lo siguiente para cambiar el color de los botones de las redes:

.jssocials-share-label {
    color: #fefefe;
}
.jssocials-share-logo {
    color: #fefefe;
}

Revísalo y nos comentas los resultados.

Un saludo

ResponderCitar
Respondido : 22/09/2016 1:35 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

David
 David
Noble Member

Pues muchas gracias Pepe. Solucionado.

ResponderCitar
Respondido : 22/09/2016 2:31 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola David.

De nada, es un placer poder atenderos 😉

Cerramos el tema.

Un saludo

ResponderCitar
Respondido : 22/09/2016 2:41 pm

wpdoctor-revisa-la-salud-de-tu-wordpress