Ver Mensaje Individual
  #12 (permalink)  
Antiguo 21/09/2011, 14:58
jordigl
 
Fecha de Ingreso: septiembre-2011
Mensajes: 23
Antigüedad: 12 años, 7 meses
Puntos: 0
Respuesta: Problema al cambiar el color de los enlaces en WordPress

Cita:
Iniciado por Ag666 Ver Mensaje
compañero para garantizar mas respuestas y una mayor posibilidad de resolver el problema es bueno dejar su link abierto al publico de allí que yo le recomiende utilizar un acortador de url para disfrazarla y no le afecte en sus estadísticas o al menos en una proporción insignificante.

dicho esto... he pasado a ver su sitio y me enfoco en el menú lateral derecho, en 5 min saque el código necesario para solventar su problema ya le tocara a usted complementarlo siguiendo la sintaxis del mismo.

todo su problema radica al tener declarado .SR li a{....} que tiene mucho mas peso en su CSS que la etiqueta a{...}

para solventarlo has de escribir tus estilos siguiendo la misma cadena de selectores quedando por ejemplo pensando en segmentar por grupos...
Código CSS:
Ver original
  1. /*Síguenos por:*/
  2. .SRL a{color:#FF00FF}
  3. /*Red Sistema Textual*/
  4. .SRL li a{color:#00FF00}
  5. /*Post Recientes*/
  6. .SRL .RecentPosts li a{color:#CC99FF}
  7. /*Categorias*/
  8. .SRL .cat-item a{color:#3366FF}

o igual limítate a cambiar o eliminar .SR li a{...}
Vale, elimino todos los .SR, exactamente estos:


Código HTML:
.SR li a { padding: 2px 0px 3px 8px; color: #FF3300; text-decoration: none; border-bottom: solid 1px #d4e3f4; background: url(images/CategIco.png) no-repeat left top; width: 290px; display: block;}  
.SR li a:visited { color: #CC0000 text-decoration: none; border-bottom: solid 1px #d4e3f4;} 
.SR li a:hover { text-decoration: underline; color: #CC0000
; border-bottom: solid 1px #d4e3f4;}
Y cambio los valores de:

Código HTML:
a:link { text-decoration: none; color : #800080; border: 0px; -moz-outline-style: none; font-weight: bold;}
a:active { text-decoration: underline; color : #FF3300; border: 0px; -moz-outline-style: none; font-weight: bold;}
a:visited { text-decoration: none; color : #FF3300; border: 0px; -moz-outline-style: none; font-weight: bold;}
a:hover	{ text-decoration: underline; color : #CC0000; border: 0px; -moz-outline-style: none; font-weight: bold;} 
a:focus { outline: none;-moz-outline-style: none; font-weight: bold;}
Y nada, ¡no funciona! Esto empieza a desesperarme mucho.