How To Change A Links Color In Wordpress

So here is my problem, I can't get my links to turn blue. I am wanting to change all my text links to #0000ff but I just can't figure out how.

I am using the livewire theme and it is too complicated for me.

Here is the CSS code that I think i have to add something too but I am not sure.


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

}
.post-alt h2{
font-size: 20px;
color:#000000;
line-height: 24px;
}
.post-alt h3{
font-size: 13px;
padding-bottom: 5px;
line-height: 18px;
color: #000000;
}
.post-alt h4{
font-size: 14px;
padding-bottom: 5px;
line-height: 16px;
}
.post-alt h3 a, .post-alt h2 a{
color: #C82611;
}
.post-alt p{
padding: 0 0 15px;
}
.post-alt h3.post_date{
color: #000000;
padding: 5px 0px 10px;
font-size: 12px;
font-weight: normal;
}

.page_header {
margin-bottom:10px;
}
.continue{
background: url(images/ico-arrow.gif) no-repeat left;
font-weight:bold;
padding-left: 15px;
}
.postmeta {
font-size: 11px;
font-weight: normal;
padding: 5px;
float:left;
}
.blog .postmeta, #featured .postmeta {
width:363px;
}
.col1 .postmeta {
width: 593px !important;
}
.postmeta a {
color: #000000;
font-size:11px;
}
.posted_in {
float: left;
text-align:left;
padding-left:18px;
background-image: url(images/ico-category.gif);
background-repeat: no-repeat;
background-position: left top;
}
.comments {
float:right;
text-align:right;
}
#comment {
padding:0px;
}
.comments a{
padding-left:18px;
background-image: url(images/ico-comm.gif);
background-repeat: no-repeat;
background-position: left top;
}
p.more {
margin:0px;
padding-top:10px;
text-align:right;
clear:both;
}

p.more a{
background: url(images/ico-arrow2.gif) no-repeat right;
padding-right: 20px;
color: #000000;
font-size: 14px;
font-weight: bold;
}

.navigation {
}
.navigation a {
color: #000000;
font-size: 14px;
font-weight: bold;
}
.alignleft{
display:inline;
float:left;
}
.alignright{
display:inline;
float:right;
}

li.bypostauthor {
/* CSS styles for author comments */
background-color: #99C9FF !important;
}

 

You have these locations where Link color are defined.

If you change those color: #C82611; and color: #000000; to color: #0000ff; should serve you good.

.post-alt h3 a, .post-alt h2 a{
color: #C82611;
}

.postmeta a {
color: #000000;
font-size:11px;
}

p.more a{
background: url(images/ico-arrow2.gif) no-repeat right;
padding-right: 20px;
color: #000000;
font-size: 14px;
font-weight: bold;
}

.navigation a {
color: #000000;
font-size: 14px;
font-weight: bold;
}

I think you mainly want to change the first two.

 

CSS always works whatever was the last setting that is applied, so if you set a new colour somewhere and then that setting is overwritten by another value that will be applied. I find the best way is to make a global statement: a{color:#000;} then for each area I want individual colours I would set accordingly like: #name a{color:#F36;}

If you understand this then it will make your life easier when trying to change something that you didn't originally create.

Glen

 

a { your css code for link here }
a:visited { your css code for visited link here }
a:hover { your css code for hovered link here }

Code (markup):

note: this will be applied for every <a> tag inside your theme, unless it has class or id

 

just type css text-decoration:none;

 

Go to themes and click edit, go css style sheet section and edit there.

 

a {#0000ff; } can help if your theme have an individual "a" CSS code