Ayuda con el color de los hipervinculos en wordpress

Antes que nada gracias de antemano.

Mi problema se basa en un template que tengo llamado gazette, pero por mas que busco y busco no encuentro donde cambiar los colores de los hipervinculos de la pagina, pues todos me aparecen en negro y me gustaria que aparecieran de azul, el codigo del estilo es el siguiente si alguien puede ayudarme se lo agradeceria de todo corazon.

/*========= SETUP =========*/

*{
border: 0;
margin: 0;
padding: 0;
}
body{
color: Enlace eliminado
background-color: Enlace eliminado
font-family: Verdana, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
}
a{
color: Enlace eliminado
text-decoration: none;
}
a:hover{
text-decoration: underline;
}
input,select,textarea{
border: #dddddd 1px solid;
font-size: 12px;
padding: 5px;
}
select{
padding: 0;
}
li{
list-style: none;
}

/*========= LAYOUT =========*/

#page{
width: 960px;
background-color: Enlace eliminado
margin:15px auto;
border: 1px solid Enlace eliminado
}
/*--- Main Columns ---*/
#columns{
padding:15px 15px 25px;
background-color: Enlace eliminado
margin: 0px;
}
.col1{
float: left;
width: 595px;
padding-right:15px;
}
.col2{
float: left;
width: 320px;
}
/*--- Sub Columns ---*/
.subcol{
width: 150px;
}
.subcol h2{
font-size: 14px;
padding: 0 0 10px;
color: Enlace eliminado
}

/*========= HEADER =========*/

/*- Page Navigation -*/
#nav{
height: 30px;
padding: 2px 0px !important;
background-color: Enlace eliminado
margin:15px 15px 0px !important;
border-top:1px solid Enlace eliminado
border-bottom:1px solid Enlace eliminado
width: 930px !important;
}
#nav-left {
float:left;
display:inline;
width:600px;
}
#nav-right {
float:right;
display:inline;
width:330px;
margin:0px !important;
padding:0px !important;
}

/*- Dropdowns-*/

#nav1, #nav1 ul{
padding: 0;
float:left;
list-style: none;
}
#nav1 {
padding: 0;
font-size:13px;
float:left;
}
#nav1 a {
display: block;
padding-left:15px;
padding-right:15px;
}
#nav1 li {
float: left;
line-height:30px;
font-weight:bold;
font-size:11px;
text-transform:uppercase;
}
#nav1 li a:hover {
background: none;
text-decoration:none;
color:Enlace eliminado
}
#nav1 li ul {
position: absolute;
width: 15em;
left: -999em;
padding-top:1px;
}
#nav1 li:hover ul, #nav1 li.sfhover ul {
left: auto;
}
#nav1 li ul li {
background: Enlace eliminado
border-bottom:1px solid Enlace eliminado
border-left:1px solid Enlace eliminado
border-right:1px solid Enlace eliminado
line-height:28px;
width:15em;
}

#nav1 li:hover, #nav1 li.hover {
position: static;
}
#nav1 li ul ul {
margin: -29px 0 0 15em;
border-top:1px solid Enlace eliminado
}

#nav1 li:hover ul ul, #nav1 li.sfhover ul ul {
left: -999em;
}
#nav1 li:hover ul, #nav1 li li:hover ul, #nav1 li.sfhover ul, #nav1 li li.sfhover ul {
left: auto;
}
#nav1 li:hover ul ul, #nav1 li:hover ul ul ul, #nav1 li.sfhover ul ul, #nav1 li.sfhover ul ul ul {
left: -999em;
}
#nav1 li:hover ul, #nav1 li li:hover ul, #nav1 li li li:hover ul, #nav1 li.sfhover ul, #nav1 li li.sfhover ul, #nav1 li li li.sfhover ul {
left: auto;
}

#nav1 li:hover ul, #nav1 li.sfhover ul {
left: auto;
z-index:1000;
}

/*- Category Navigation -*/

/*- Nav / Dropdowns-*/
#nav2 {
margin:0 0 15px 15px !important;
margin:0 0 7px 7px;
}

#nav2, #nav2 ul{
padding: 0;
float:left;
list-style: none;
}
#nav2 {
padding: 0;
font-size:13px;
float:left;
width:930px;
border-top: 1px solid Enlace eliminado
}
#nav2 a {
display: block;
padding-left:15px;
padding-right:15px;
border-right: 1px solid Enlace eliminado
}
#nav2 li {
float: left;
line-height:30px;
}
#nav2 li a:hover {
background: none;
text-decoration: none;
}
#nav2 li ul {
position: absolute;
width: 15em;
left: -999em;
z-index: 99999;
}
#nav2 li:hover ul, #nav2 li.sfhover ul {
left: auto;
z-index:1000;
}
#nav2 li ul li {
background: Enlace eliminado
border-bottom:1px solid Enlace eliminado
border-left:1px solid Enlace eliminado
border-right:1px solid Enlace eliminado
line-height:28px;
width:15em;
}
#nav2 li:hover, #nav2 li.hover {
position: static;
}
#nav2 li ul ul {
margin: -29px 0 0 15em;
}
#nav2 li:hover ul ul, #nav2 li.sfhover ul ul {
left: -999em;
}
#nav2 li:hover ul, #nav2 li li:hover ul, #nav2 li.sfhover ul, #nav2 li li.sfhover ul {
left: auto;
}
#nav2 li:hover ul ul, #nav2 li:hover ul ul ul, #nav2 li.sfhover ul ul, #nav2 li.sfhover ul ul ul {
left: -999em;
}
#nav2 li:hover ul, #nav2 li li:hover ul, #nav2 li li li:hover ul, #nav2 li.sfhover ul, #nav2 li li.sfhover ul, #nav2 li li li.sfhover ul {
left: auto;
}


/*- Search -*/
#search{
float: right;
height: 27px;
width:310px;
margin: 3px 0px 0px !important;
padding:0px !important;
}
* html #search{
margin-right: 8px;
}
#search input{
background: Enlace eliminado
border: 1px solid Enlace eliminado
color: Enlace eliminado
float: left;
font-size: 11px;
width:223px;
margin:1px 0px 0px;
padding: 3px 4px 4px;
}
#search .btn{
padding: 0;
height:22px;
width: auto;
margin:1px 0px 0px 5px !important;
border:none;
width:69px;
}
/*- Header -*/
#header{
height: 100px;
background-color: Enlace eliminado
margin: 0 15px;
padding: 0px;
}
/*- Logo -*/
#header h1{
float: left;
display:inline;
line-height: 100px;
font-size: 24px;
}
#header h1 a{
display: block;
height: 93px;
width: 389px;
color: Enlace eliminado
font-size: 28px;
}

/*- Top Banner -*/
#topbanner {
float: right;
width: 468px;
padding:20px 0px 0px;
}

#topbanner img{
float: right;
}

/*- RSS -*/
#rss a{
color: Enlace eliminado
}
#rss h2{
padding:10px;
font-size:14px;
margin-bottom:10px;
}
#rss ul{
margin: 0px;
padding: 10px;
float:left;
}
#rss li{
margin: 0px;
border:none !important;
padding: 5px;
}
#rss img{
float: right;
padding-left: 10px;
margin-top: 5px;
}

/*========= FEATURED POSTS (FRONT-PAGE) =========*/

/* See slideshow.css */

/*========= FEATURED VIDEOS (FRONT-PAGE) =========*/

#video-frame {
background:Enlace eliminado
float:left;
width:583px;
height:auto;
margin:0px;
padding: 5px;
border: 1px solid Enlace eliminado
}
.video-left {
float:left;
width:285px !important;
display:inline;
background-color:Enlace eliminado
}
.video-left p {
padding:0px !important;
margin:0px !important;
}
.video-left h2 {
display:none;
}
.video-right {
float:right;
width:273px;
min-height:214px;
display:inline;
background-color:Enlace eliminado
padding: 10px;
}
.video-right h2{
color: Enlace eliminado
font-size:11px;
line-height:normal;
font-weight:bold !important;
margin:0 !important;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 0px;
}
.video-right p{
color: Enlace eliminado
font-size:11px;
line-height:12px;
margin-top: 10px;
margin-right: 0;
margin-bottom: 0px;
margin-left: 0;
padding-top: 0;
padding-right: 0;
padding-bottom: 20px;
padding-left: 0px;
}
.video-right h3{
font-style: normal !important;
font-weight: bold;
font-size:18px;
line-height:20px;
padding-bottom: 0px;
}
.video-right .mootabs_title {
border-top:1px solid Enlace eliminado
list-style:none;
margin:0px;
padding:0px;
}
.video-right .mootabs_title li {
color:Enlace eliminado
font-weight:normal;
font-size:11px;
text-decoration:none;
display:block;
padding:10px;
border: 1px solid Enlace eliminado
background:Enlace eliminado
line-height:10px;
cursor: pointer;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 0px;
}
.video-right .mootabs_title li:hover, .video-right .mootabs_title li.active {
background:#dddddd url(images/ico-watch.gif) right center no-repeat !important;
}

/*========= BLOG POST STYLING =========*/

/*=== Small Box Post ===*/
.post{
margin: 0;
}
.post h2{
font-size: 18px;
padding: 0 0 5px;
}
.post h3{
font-size: 14px;
}
.post h3 a{
color: Enlace eliminado
}
.post p{
padding: 0 0 15px;
line-height: 15px;
}

/*- Box -*/
.box{
clear: both;
height: 1%;
padding: 0;
margin: 0;
}
.box .post{
width: 288px;
background-color: Enlace eliminado
border:1px solid Enlace eliminado
}
.box .post h2 a{
color:#333333;
}
.box .post h2{
font-size: 18px;
padding: 10px;
line-height: 20px;
}
.box .post p{
font-size: 11px;
padding: 5px 10px;
}

.box .post img{
border: 1px solid Enlace eliminado
padding: 5px;
background-color: Enlace eliminado
margin: 10px;
float: right;
}

/*=== Traditional Blog Post ===*/
.post-alt{
margin: 0 0 15px 0;

}
.post-alt h2{
font-size: 22px;
padding: 0;
color:Enlace eliminado
line-height: 26px;
}
.post-alt h3{
font-size: 13px;
padding-bottom: 5px;
line-height: 18px;
color: Enlace eliminado
}
.post-alt h4{
font-size: 14px;
padding-bottom: 5px;
line-height: 16px;
}
.post-alt h3 a, .post-alt h2 a{
color: Enlace eliminado
}
.post-alt p{
padding: 0 0 15px;
}
.post-alt p.post_date{
color: Enlace eliminado
padding: 5px 0px 10px;
font-size: 11px;
font-weight: normal;
}
p.posted{
font-size: 11px;
color: Enlace eliminado
font-style: normal;
font-weight: normal;
line-height: 15px;
background-color: Enlace eliminado
padding: 5px;
margin-top: 10px;
text-align: right;
border-top:1px solid Enlace eliminado
/*border-bottom:1px solid Enlace eliminado*/
clear:both;
}
h3.posted a {
color: Enlace eliminado
font-size:11px;
}

.box .post h3.posted {
border-bottom:none;
}

#post-author { background: Enlace eliminado margin:0 0 1.5em; padding:15px; border:1px solid Enlace eliminado border-width:1px 0 1px; clear:both; }
#post-author .title { margin-bottom: 10px; }
#post-author .profile-image { float:left; margin:0 15px 5px 0; padding: 5px; border: 1px solid Enlace eliminado background:#F8F8F8; background:rgba(255,255,255,0.7);}
#post-author .profile-link { }

.single .video {
margin-bottom: 20px;
}

/*=== Buttons ===*/
.continue{
background: url(images/ico-arrow.gif) no-repeat left;
font-weight:bold;
padding-left: 15px;
}
.comments {
padding-bottom:0px !important;
}
.comments a{
background: url(images/ico-comm.gif) no-repeat left;
color: Enlace eliminado
font-weight:normal;
font-size:11px;
padding:0px 0px 0px 18px;
margin-left:5px;
}
a.more{
background: url(images/ico-arrow2.gif) no-repeat right;
color: Enlace eliminado
font-size: 1.2em;
font-weight: bold;
padding: 0 20px 0 0;
}
/*=== Traditional Blog Post ===*/
.navigation {
width:595px;
margin-bottom:15px;
float:left;
padding: 15px 0;
border-top: 1px solid Enlace eliminado
border-bottom: 1px solid Enlace eliminado
}
.navigation a {
color: Enlace eliminado
font-size: 1em;
font-weight: bold;
}
.alignleft{
display:inline;
float:left;
margin-right:15px;
}
.alignright{
display:inline;
float:right;
margin-left:15px;
}

/* Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */

img.wp-smiley {
padding: 0!important;
border: none!important;
}

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

/* End Images */

.alignleft { float: left; height: auto; margin: 0px 20px 10px 0; }
.alignright { float: right; height: auto; margin: 0px 0 10px 20px; }
.aligncenter { text-align: center; margin-bottom:15px;}
img.aligncenter { margin-left:auto; margin-right:auto; display:block; }

/*========= ARCHIVE SPECIFIC =========*/

#archivebox {
margin-bottom:15px;
padding:10px;
color:#000 !important;
}
#archivebox h4, #archivebox h3, #archivebox h2{
color:#333333;
}
#archivebox h4 em, #archivebox h2 em, #archivebox h3 em{
font-weight: normal;
}
#archivebox a, #archivebox h2 {
color:Enlace eliminado
}
.archivefeed {
margin-top:10px;
padding-bottom:0px;
}
.archivefeed a {
background:url(images/ico-arcfeed.gif) center left no-repeat;
height:20px;
color:Enlace eliminado
font-weight:bold;
font-size: 11px;
font-weight: normal;
padding:3px 0px 1px 22px;
}
.arclist{
width: 260px;
margin:0px 0px 25px;
padding:5px 0px 0px;
border-bottom: 1px solid Enlace eliminado
}
.arclist h2{
color: Enlace eliminado
padding:0px 0px 15px;
}

.arclist ul {
margin-bottom: 15px;
}

.arclist ul li{
color:Enlace eliminado
font-size:12px;
padding:8px 0 8px 10px;
border-top:1px solid Enlace eliminado
}

/*========= SINGLE POST SPECIFIC =========*/

.singletags {
margin-top:5px;
}
.singletags a { font-weight: normal !important; text-decoration:underline;color:Enlace eliminado }
.entry p{
text-align:left;
font-size:14x;
line-height:18px;
}
.entry blockquote {
padding: 10px;
border: 2px solid Enlace eliminado
color:Enlace eliminado
width:85%;
background-color: Enlace eliminado
font-style: verdana;
margin:5px auto 15px;
}
.entry blockquote p {
font-size:20px;
padding: 5px 0px;
margin: 5px 0px;
line-height: 20px;
}
.entry img {
padding: 4px;
border: 1px solid Enlace eliminado
background-color: Enlace eliminado
}
.wp-caption img {
margin-bottom:15px;
}
p.wp-caption-text {
text-align:center;
padding: 0 0 15px 0;
margin:0px;
font-size:1.2em;
font-style:verdana;
color:Enlace eliminado
}
.entry ul, .entry ol {
margin-bottom:15px;
font-size:12px;
line-height:20px;
}
.entry ul li ul, .entry ol li ol{
margin-bottom:0px;
padding-top:3px;
}
.entry ul li {
list-style:circle inside !important;
margin-left:15px;
padding:3px 0px;
}
.entry ul li ul li {
list-style:disc inside !important;
}
.entry ol li {
list-style:decimal inside !important;
font-size:12px;
padding:3px 0px;
}
.entry ol li ol li {
list-style:decimal-leading-zero inside !important;
}


/*========= COMMENTS =========*/

h2.commh2{
font-size: 1.5em;
padding: 0 0 5px;
margin: 0 0 15px 0;
font-weight:bold !important;
color:Enlace eliminado
}
ol.commentlist{
margin: 10px 0 20px;
padding: 0;
list-style: none;
font-size: 12px;
line-height: 20px;
}
ol.commentlist p{
margin-bottom:10px;
line-height: 20px;
}
ol.commentlist cite{
font-style: normal;
font-weight: bold;
}
ol.commentlist li{
padding: 20px 10px 10px 10px;
}
ol.commentlist li.alt{
padding: 10px 10px 0 10px !important;
background:Enlace eliminado
border:1px solid Enlace eliminado
}
#comment {
width: 595px;
float: left;
margin-bottom: 15px;
}

/*========= THREADED COMMENTS =========*/

ol.commentlist .comment-meta{
font-size:0.8em;
}
ol.commentlist li .avatar {
float:left;
border: 1px solid Enlace eliminado
margin-right: 10px;
}

ol.commentlist li{
border:1px solid Enlace eliminado
margin:10px 0 10px;
padding:15px 10px 10px;
}

ol.commentlist li .even{
background:Enlace eliminado
}

.commentlist li ul li {
margin-left:10px;
margin-right:-5px;
}

ol.commentlist li .reply {
padding:0 0 5px 0;
}

#respond p{
margin-bottom:10px;
line-height: 20px;
}

/* PageNavi */

.more_entries {font-size:11px;}
.more_entries .wp-pagenavi {clear:both;float: right;}
.more_entries .wp-pagenavi a {text-decoration: none !important;}

.more_entries .wp-pagenavi .current,
.more_entries .wp-pagenavi .on,
.more_entries .wp-pagenavi a:hover {background: #9f9f9f !important;}

.more_entries .wp-pagenavi a,
.more_entries .wp-pagenavi a:link,
.more_entries .wp-pagenavi a:visited,
.more_entries .wp-pagenavi .current,
.more_entries .wp-pagenavi .on,
.more_entries .wp-pagenavi span.pages { background: Enlace eliminadocolor: Enlace eliminado padding: 4px !important; margin-left: 4px; border:1px solid Enlace eliminado line-height:24px; }

.more_entries .wp-pagenavi .extend { background:none; border:none; }

/*========= SIDEBAR =========*/

/* Tabs */

#tabs {
width:308px !important;
height:auto !important;
padding:5px;
border:1px solid Enlace eliminado
background-color:Enlace eliminado
float:left;
display: block;
margin-bottom:15px;
}

.inside {
width: 293px !important;
padding:5px !important;
border:1px solid #ddd !important;
margin:5px 0px 0px !important;
background-color: Enlace eliminado

}

ul.wooTabs {
width: 100%;
padding: 0 0 7px 0;
}

ul.wooTabs li {
float: left;
display:inline;
font-size: 11px;
line-height: 34px;
background: Enlace eliminado
color: Enlace eliminado
border:1px solid Enlace eliminado
font-weight: bold;
font-size: 11px;
margin:0px 2px 0px 0px !important;
cursor: pointer;
}

ul.wooTabs li a {
line-height: 31px;
color: #000000 !important;
display: block;
float: left;
padding: 0 6px;
}

ul.wooTabs li a.selected, ul.wooTabs li a:hover {
text-decoration:none;
color: #ffffff !important;
}

#tagcloud {
padding:10px;
}



#sub img {
float: right;
margin: 0 0 8px 8px;
}

.inside li {
border-bottom:1px solid Enlace eliminado
padding:8px;
}

.inside li img.avatar, .inside li img.thumbnail {
border: 1px solid Enlace eliminado
padding: 3px;
background-color: Enlace eliminado
float: left;
margin: 0 8px 0 0;
}

El primer "a" define el color de cualquier texto que tenga un enlace, el segundo "a:hover" define el color de ese mismo texto al pasar el raton por encima, solo cambialo a tu gusto y listo.

En este caso no se define un color al pasar el raton por encima, si quieres que el enlace cambie de color al pasar el raton añade a "a:hover" una linea como la siguiente.


Solo cambia el valor del color por el que tu desees.

Ademas tienes el codigo inacabado, en el primer "a" debes cerrar el color con un punto y coma para que el navegador lo pueda reconocer, el codigo que te dejo abajo estaria correcto.

Un saludo


Veo que tienes muchas lineas sin cerrar con el punto y coma, esto puede hacer que no te funcione bien el theme, repasala la hoja de estilos y cierra esas lineas.

budha dijo:

El primer "a" define el color de cualquier texto que tenga un enlace, el segundo "a:hover" define el color de ese mismo texto al pasar el raton por encima, solo cambialo a tu gusto y listo.

En este caso no se define un color al pasar el raton por encima, si quieres que el enlace cambie de color al pasar el raton añade a "a:hover" una linea como la siguiente.

HTML:

color:#000000;

Solo cambia el valor del color por el que tu desees.

Ademas tienes el codigo inacabado, en el primer "a" debes cerrar el color con un punto y coma para que el navegador lo pueda reconocer, el codigo que te dejo abajo estaria correcto.

Un saludo

HTML:

a{
color:#000000;
text-decoration: none;
}
a:hover{
color:#000000;
text-decoration: underline;
}

Veo que tienes muchas lineas sin cerrar con el punto y coma, esto puede hacer que no te funcione bien el theme, repasala la hoja de estilos y cierra esas lineas.

Hacer clic para expandir...

Disculpame la ignorancia pero no se donde agregar el hover si pudieras decirme gracias, es que estoy hasta ahora con wordpress mi sitio duro alojado 3 años con joomla y decidi migrar hace unos pocos meses

En el anterior comentario te he dejado el codigo exacto que necesitas, solo tienes que cambiar el que tienes en tu hoja de estilos por el que yo te he dejado y cambiar el valor de los colores a tu gusto.

No puedo dejartelo mas sencillo 😛8:

Al principio del css encuentras esto:
Tal como te indica budha, solo tienes que cambiar estos dos códigos de color por los que quieras que se muestren. El primero es el color que se ve en el texto y el otro el que se ve al pasar el ratón por encima.
Y tal como te dice también el compi, revisa ese css, pues le faltan muchos ";" que cierran los códigos
---------------------------------------------------
body{
color: #000000
background-color: #ddd
font-family: Verdana, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
}
a{
color:#000000; (aquí pon el color que quieras en código html por ejemplo #798FE9 -sería un azul-)
text-decoration: none;
}
a:hover{
color:#000000; (aquí otro tanto, pon un azul más claro o más oscuro, eso a tu gusto)
text-decoration: underline;
}
-----------------------------------------
Espero haberte ayudado

pazquito dijo:

Al principio del css encuentras esto:
Tal como te indica budha, solo tienes que cambiar estos dos códigos de color por los que quieras que se muestren. El primero es el color que se ve en el texto y el otro el que se ve al pasar el ratón por encima.
Y tal como te dice también el compi, revisa ese css, pues le faltan muchos ";" que cierran los códigos
---------------------------------------------------
body{
color: #000000
background-color: #ddd
font-family: Verdana, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
}
a{
color:#000000; (aquí pon el color que quieras en código html por ejemplo #798FE9 -sería un azul-)
text-decoration: none;
}
a:hover{
color:#000000; (aquí otro tanto, pon un azul más claro o más oscuro, eso a tu gusto)
text-decoration: underline;
}
-----------------------------------------
Espero haberte ayudado

Hacer clic para expandir...

lo del hover ya me sirvio, pero el color de los hipervinculos sigue sin funcionar

Has limpiado la cache, por si es ese el problema?
Si no añádele esto a ver:

a:link{
en el lugar dond esta la - a{ - sola. Pero te debiera de funcionar tal como está.

Saludos

pazquito dijo:

Has limpiado la cache, por si es ese el problema?
Si no añádele esto a ver:

a:link{
en el lugar dond esta la - a{ - sola. Pero te debiera de funcionar tal como está.

Saludos

Hacer clic para expandir...

con lo del link ya aparece los colores pero en algunos enlaces no en todos :S

- - - Actualizado - - -

Liisto muchas gracias, lo que pasa es que algunos se veian y algunos no porque no tenia el atributo visited, entonces los enlaces que habi visitado se veian negros. al final deje el codigo de la siguiente manera y quedo como yo queria.


Gracias a todos ustedes.