Crear colores de links para fondo oscuro  

 
Rosario
 Rosario
Noble Member

en mi hoja de estilos tengo creadas estas clases para las zonas de fondo claro, pero si el fondo es oscuro no hay contraste. Quisiera crear nuevas clases con colores para zonas oscuras pero no estoy segura de saber hacerlo.

tengo esta sintaxis
a, .uk-link {
color : #007088;
}
a:hover, .uk-link:hover {
color : #777777;
}
a:visited, .uk-link:visited {
color : #cccccc;
}

si duplico y adapto los nuevos valores sobre estas instrucciones podría quedar algo así, pero entonces las zonas claras de la web toman estos valores en lugar de los anteriores que son los que corresponden ¿qué podría hacer para conseguir enlaces con colores adaptados a las zonas oscuras?

a, .uk-link-ng {
color : #9ee7ed;
}
a:hover, .uk-link-ng: hover {
color : #f4f4f4;
}
a:visited, .uk-link-ng: visited {
color : #dadada;
}

Citar
Respondido : 22/10/2017 1:32 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Rosario, Buenos Días.

Si nos indicas que texto es el que quieres modificar te podremos orientar mejor.
El código dependerá del texto a modificar y de la posición que ocupen.

Un saludo

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¿Has probado WpCenter?, es nuestro nuevo manager de WordPress desde el propio cPanel sin necesidad de acceder a tu administración, te permitirá configurar actualizaciones automáticas y mucho más.
Pruébalo accediendo a tu cPanel > Aplicaciones Webempresa > WpCenter
¡Gracias!.

ResponderCitar
Respondido : 22/10/2017 10:43 am

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

Rosario
 Rosario
Noble Member

Contenido solo visible a usuarios registrados
En el footer de esta web hay un menu que de momento está en blanco, pero no es sensible, se puede ver un enlace sensible en la misma zona que se llama contactar, sale en azul oscuro y tendría que ser azul claro con los valores de abajo

ResponderCitar
Respondido : 22/10/2017 8:29 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

Hola Rosario,

Ningún enlace de la web que yo veo al pasar el ratón (hover) cambia a un color azul, veo que permanece en un tono blanco o gris claro muy similar.

¿Que color es el que debe adoptar?

Saludos

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 23/10/2017 2:48 am

Cursos Gratuitos WordPress

Rosario
 Rosario
Noble Member

No se ve mucho el link de contactos, pero he quitado el formato a todo el menú del debug y ahora se entiende mejor que colores hay que cambiar
color : #9ee7ed; link
color : #f4f4f4; hover

ResponderCitar
Respondido : 23/10/2017 4:53 pm
Jhon Marreros Guzman
 Jhon Marreros Guzman
Soporte CMS Webempresa Moderator

Hola

Si sólo quieres afectar al footer, puedes agregar una clase o ID antes, en el caso de la estructura que tienes puedes usar #tm-footer, por ejemplo :

#tm-footer a:hover{
  color:red;
}

Saludos.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 23/10/2017 6:46 pm

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

Rosario
 Rosario
Noble Member

He creado estas clases, pero a la hora de añadirla a mi menu la clase hover no funciona y la clase link se muestra con una distancia top diferente de las otras partes del menu

.tm-footer a, uk-link:{
color:#9ee7ed;
}

.tm-footer a: hover, .uk-link:hover {
color:f4f4f4;
}

Respondido : 24/10/2017 2:34 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Rosario.

Tienes añadida un clase que es la que esta provocando que ese bloque se vea por debajo de los demás:


					

La clase " tm-footer " es lo que esta provocando eso.

¿ Por que no pones los títulos en color verde y los enlaces los pones en blanco, con eso se verían bien ?

Un saludo

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¿Has probado WpCenter?, es nuestro nuevo manager de WordPress desde el propio cPanel sin necesidad de acceder a tu administración, te permitirá configurar actualizaciones automáticas y mucho más.
Pruébalo accediendo a tu cPanel > Aplicaciones Webempresa > WpCenter
¡Gracias!.

ResponderCitar
Respondido : 24/10/2017 3:26 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Por favor Iniciar Sesión o Registro