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
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
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
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 🙂
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
Pues muchas gracias Pepe. Solucionado.
Hola David.
De nada, es un placer poder atenderos 😉
Cerramos el tema.
Un saludo