Want to change hyperlink color
-
Hi,
I have implemented a new theme on https://www.mymobileplanet.co.uk and I am trying to change the hyperlink color from red to default blue for clear visibility. I have tried editing the style sheet but I am not sure which part of code is to be edited. Maybe that’s due to less knowledge of css.
Below is the css that I am trying to edit.
body {
margin:0 auto;
padding:25px 0px 0px 0px;
background:#2E2E2E ;
font-family:Century gothic, Arial,Tahoma,sans-serif;
color:#161514;
font-size:13px;
}
img {
border:0;
margin: 0 0;
}
a {
color:#6F615A;
text-decoration:none;
outline:none;
}
a:hover {
color:#d53030;
text-decoration:none
}
h1, h2, h3, h4, h5, h6 {}
blockquote {
padding:5px 10px;
color:#444;
font-style: normal;
background:#F1F4F9;
border-left:5px solid #C3CEDF;
border-right:5px solid #C3CEDF;
}
.clear {
clear:both;
}
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
padding: 0px;
}img.alignnone {
padding: 5px 5px;
margin: 0px 0px 10px 0px;
display: inline;
background:#F1F4F9;
border: 1px solid #D1D6DF;
}img.alignright {
padding: 5px 5px;
margin: 0px 0px 0px 0px;
display: inline;
background:#F1F4F9;}
img.alignleft {
padding: 5px 5px;
margin: 0px 0px 0px 0px;
display: inline;
background:#F1F4F9;}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
}.alignright {
float: right;
margin: 0px 0px 10px 10px;
}.alignleft {
float: left;
margin: 0px 10px 10px 0px;
}.wp-caption {
border: 1px solid #D1D6DF;
text-align: center;
background-color: #F1F4F9;
padding: 4px 0px 5px 0px;
color:#ccc;
}.wp-caption img {
margin: 0px 0px 5px 0px;
padding: 0px;
border: 0px;}
.wp-caption p.wp-caption-text {
margin: 0px;
padding: 0px 0px 0px 0px;
font-size: 11px;
font-weight: normal;
line-height: 12px;
}/* The Outer cover */
#wrapper {
width:1000px;
margin:0 auto;
background:#F4F4F4;}
#casing {
padding:0px 0px 0px 0px;
background:url(images/casing.jpg);
background-repeat:repeat-y;
}#topbar {
height: 35px;
margin-bottom: 0px;
background:#161514;
font-family:Georgia,Century gothic, Arial,Tahoma,sans-serif;
font-size: 12px;
text-transform:uppercase;}
span.topfeed {
background:url(images/rss.png) no-repeat;
padding: 1px 0px 0px 20px;
float:left;
margin:8px 0px 0px 10px;
height:20px;}
img.ethumb {
padding:5px 5px;
background:#D6D6D6;
margin:10px 5px 5px 5px;
float:left;
}/* The Header */
#top {
height:106px;
margin:auto;
background:#f4f4f4 url(images/top2jpg) top repeat-x;
width:1000px;}
.blogname {
width:359px;
font-family:Tahoma ,Century gothic,Verdana,Tahoma,sans-serif;
margin:0px 0px;
float:left;
background:url(images/blogname.jpg) no-repeat;
height:106px;
overflow:hidden;
}
.blogname h1 {
height:35px;
padding:0 0 0px 0;
font-weight:normal;
color:#cacccd;
text-align:left;
margin:30px 0 0 15px;
text-indent:-9000px;
background:url(images/logo.jpg) no-repeat;}
.blogname h1 a:link, .blogname h1 a:visited{
color: #cacccd;
display:block;
}.blogname h1 a:hover {
color: #eee;
}
.blogname h2 {
margin:2px 0px 0px 20px;
font-size:12px;
font-weight:normal;
color:#343434;
text-align:left;
text-transform:uppercase;
}.topright {
width:641px;
font-family:Tahoma ,Century gothic,Verdana,Tahoma,sans-serif;
margin:0px 0px;
float:left;
background:url(images/topright.jpg) no-repeat;
height:106px;
overflow:hidden;
position:relative;
}.rsnews{
position:absolute;
top:74px;
right:5px;}
.rscom{
position:absolute;
top:74px;
left:350px;}
/* The Search */
#search {
height:20px;
width:auto;
padding:7px 5px 0px 13px;
width:270px;}
#search form {
margin: 0;
padding: 0;
}#search fieldset {
margin: 0;
padding: 0;
border: none;
}#search p {
margin: 0;
font-size: 85%;
}#s {
margin-left:15px;
float: left;
width:160px;
padding: 0px 2px 0px 0px;
background:#fff ;
border:none;
font: normal 100% “Tahoma”, Arial, Helvetica, sans-serif;
color:#333;
}#searchsubmit {
width:49px;
float: left;
background:#fff url(images/sbutton.jpg) no-repeat;
border:none;
font: bold 100% “century gothic”, Arial, Helvetica, sans-serif;
color: #FFFFFF;
margin-left:24px;
margin-top:1px;
height:15px;
}/*Page menu*/
#menu {
margin: 34px 5px 0px 5px;
font: 10px Tahoma,Century gothic,verdana, Arial, sans-serif;
}#menu ul {
padding: 0px;
list-style: none;
height:32px;
text-transform:uppercase;
margin:0px 0px;
}#menu a {
color: #fff;
display: block;
font-weight: normal;
padding: 11px 10px 11px 10px;
}#menu a:hover {
color: #fff;
display: block;
text-decoration: none;
background:url(images/menua.jpg) repeat-x;
}#menu li {
float: left;
margin: 0px 0 0px 0;
padding: 0px;
}#menu li li {
float: left;
margin: 0px 0px 0px 0px;
padding: 0px;
width: 130px;
}#menu li li a, #menu li li a:link, #menu li li a:visited {
background:#5D0909;
width: 150px;
float: none;
margin: 0px;
padding: 5px 10px 5px 10px;
color:#DFC3C3;}
#menu li li a:hover, #menu li li a:active {
background:#971515;
width: 150px;
float: none;
margin: 0px;
padding: 5px 10px 5px 10px;
color:#d7a1a1;}
#menu li ul {
position: absolute;
width: 150px;
left: -999em;
z-index:200;}
#menu li:hover ul {
left: auto;
display: block;
}#menu li:hover ul, #menu li.sfhover ul {
left: auto;
}/* Category menu*/
#catmenucontainer{
height:30px;
background:url(images/catmenu.jpg);
display:block;
padding:0px 0 0px 0px;
font: 10px Tahoma,Century gothic,verdana, Arial, sans-serif;
font-weight:normal;
text-transform:uppercase;
overflow:hidden;
}#catmenu{
margin: 0px;
padding: 0px 10px;
width:980px;
background:url(images/catmenu.jpg);
height:30px;
}#catmenu ul {
float: left;
list-style: none;
margin: 0px;
padding: 0px;
}#catmenu li {
float: left;
list-style: none;
margin: 0px;
padding: 0px;
}#catmenu li a, #catmenu li a:link, #catmenu li a:visited {
color: #59A8F1;
display: block;
margin: 0px;
padding: 9px 10px 9px 10px;
}#catmenu li a:hover, #catmenu li a:active {
background:url(images/catmenua.jpg) repeat-x;
color: #fff;
margin: 0px;
padding: 9px 10px 9px 10px;
text-decoration: none;
}#catmenu li li a, #catmenu li li a:link, #catmenu li li a:visited {
background:#0F101A;
width: 150px;
color: #5CABEF;
font-family:Tahoma,century gothic,Georgia, sans-serif;
font-weight: normal;
float: none;
margin: 0px;
padding: 9px 10px 9px 10px;
border-bottom: 1px solid #1F293F;}
#catmenu li li a:hover, #catmenu li li a:active {
background:#06070B;
color: #fff;
padding: 9px 10px 9px 10px;
}#catmenu li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 170px;
margin: 0px;
padding: 0px;
}#catmenu li li {
}#catmenu li ul a {
width: 140px;
}#catmenu li ul a:hover, #catmenu li ul a:active {
}#catmenu li ul ul {
margin: -31px 0 0 170px;
}#catmenu li:hover ul ul, #catmenu li:hover ul ul ul,
#catmenu li.sfhover ul ul, #catmenu li.sfhover ul ul ul {
left: -999em;
}#catmenu li:hover ul, #catmenu li li:hover ul,
#catmenu li li li:hover ul, #catmenu li.sfhover ul,
#catmenu li li.sfhover ul, #catmenu li li li.sfhover ul {
left: auto;
}#catmenu li:hover, #catmenu li.sfhover {
position: static;
}/* Main Content*/
#content {
float:left;
width: 645px;
height:100%;
padding:5px 0px 0px 0px;
}
.title{
margin: 0 0 0 0px;
padding: 0px 0px 5px 0px;
background:url(images/title.jpg) no-repeat;
}.date {
font-size:10px;
font-family:Tahoma, century gothic,Arial,Verdana,Helvitica,sans-serif;
padding:0px 5px;
color:#75481F;
text-transform: uppercase;
}.single {
width:629px;
margin: 0px 5px 15px 10px;
height:100%;
color:#504945;
font: 13px Tahoma,Georgia, century gothic,Arial,verdana, sans-serif;
background:url(images/single.jpg) repeat-y;
line-height:20px;
}.single h2 {
margin: 0px 0 0px 0;
padding: 8px 0px 5px 10px;
text-align: left;
font: 24px Georgia,century gothic,Arial,verdana, sans-serif;
font-weight:normal;
overflow:hidden;}
.single h2 a, .single h2 a:link, .single h2 a:visited {
color:#252525;
background-color: transparent;
}
.single h2 a:hover {
color: #ac0604;
background-color: transparent;
}
.author{
color:#fff;
padding:2px 5px 2px 5px;
background:#d3116d;
margin-left:5px;}
.clock{
color:#fff;
padding:2px 5px 2px 5px;
background:#d3116d;
margin-left:5px;}
.comm{
color:#fff;
padding:2px 5px 2px 5px;
background:#d3116d;
margin-left:5px;}
.comm a:link,
.comm a:visited {
color:#fff;
}
.comm a:hover{
color:#fff;
}.more{
font-size:10px;
font-family:Tahoma, century gothic,Arial,Verdana,Helvitica,sans-serif;
padding:0px 5px;
color:#75481F;
text-transform: uppercase;
float:right;
display:inline;
margin:5px 40px 0px 0px;
}.more a:link,
.more a:visited {
color:#FFF;
}
.more a:hover{
color:#FFF;
}.singleinfo {
height:22px;
margin:0px 0px;
padding: 5px 0px 5px 0px;
background:#f7f7f7 url(images/macmet.jpg) bottom left;
font:12px Georgia, Arial,century gothic,verdana, sans-serif;
}.singleinfo2 {
height:22px;
margin:0px 0px;
padding: 5px 0px 5px 0px;
background:url(images/macmet2.jpg) bottom no-repeat;
font:12px Georgia, Arial,century gothic,verdana, sans-serif;
}.postmore{
padding:0px 5px 2px 25px;
float:left;
font-weight:bold;
background:url(images/pmore.jpg) left no-repeat;}
.postmore a:link,
.postmore a:visited {color:#fff;
}
.postmore a:hover{color:#fff;
}
.category{
font-size:10px;
font-family:Tahoma, century gothic,Arial,Verdana,Helvitica,sans-serif;
padding:0px 5px 5px 10px;
text-transform: uppercase;}
.category a:link,.category a:visited{
color:#0082D8;}
.category a:hover{
color:#333;
}.entry {
margin:0 0;
padding: 0px 5px 5px 5px;}
.entry a:link,
.entry a:visited {
color: #AC0604;
background-color: transparent;
}
.entry a:hover {
color:#455236;
background-color: transparent;
text-decoration: none;
}.entry p{
margin:5px 5px;
padding:0px 0px;}
/* right column */
#rightcol{float:right;
width:345px;
padding:0 5px 10px 0;}
/* The Sidebar1 */
.sidebar1{
float:left;
width:160px;
padding-top:5px;
font-family:Tahoma,Georgia,Century gothic, Arial, sans-serif;}
.sidebar1 h2 {
line-height:30px;
font-size:13px;
color:#3299F0;
margin:5px 0 0px 0 ;
padding:0px 0 0 5px;
background:#141313;
font-weight:bold;
font-family:Century gothic,Georgia, Arial, sans-serif;
text-transform:uppercase;}
.sidebar1 ul {
list-style-type: none;
margin: 0 ;
padding: 0;}
.sidebar1 ul ul {
list-style-type: none;
margin: 0;
padding: 0px 0px 10px 0px;
background-repeat:no-repeat;}
.sidebar1 ul ul ul {
list-style-type: none;
margin: 0;
padding: 0;
border:0;}
.sidebar1 ul ul ul ul {
list-style-type: none;
margin: 0;
padding: 0;
border:0;}
.sidebar1 ul li {
height:100%;
line-height:16px;
float: left;
clear: left;
width: 160px;
font-size:10px;
text-transform:uppercase;
}.sidebar1 ul li a:link, .sidebar1 ul li a:visited {
background:#bbd7e0;
color:#333;
text-decoration: none;
padding: 5px 0px 5px 5px;
display:block;
border-bottom:1px dotted #fff;
}.sidebar1 ul li a:hover {
background:#fff;
color: #d10101;
}.sidebar1 p {
padding: 7px 10px;
margin:0;}
.sidebar1 table {
width:100%;
text-align:center;color:#787d7f;
}/* The Sidebar2 */
.sidebar2{
float:right;
width:160px;
padding-top:5px;
padding-right:10px;
font-size:10px;
font-family:Tahoma,Georgia,Century gothic, Arial, sans-serif;
}.sidebar2 h2 {
line-height:30px;
font-size:13px;
color:#3299F0;
margin:5px 0 0px 0 ;
padding:0px 0 0 5px;
background:#141313;
font-weight:bold;
font-family:Century gothic,Georgia, Arial, sans-serif;
text-transform:uppercase;}
.sidebar2 ul {
list-style-type: none;
margin: 0 ;
padding: 0;}
.sidebar2 ul ul {
list-style-type: none;
margin: 0;
padding: 0px 0px 10px 0px;
background-repeat:no-repeat;}
.sidebar2 ul ul ul {
list-style-type: none;
margin: 0;
padding: 0;
border:0;}
.sidebar2 ul ul ul ul {
list-style-type: none;
margin: 0;
padding: 0;
border:0;}
.sidebar2 ul li {
height:100%;
line-height:18px;
float: left;
clear: left;
width: 160px;
text-transform:uppercase;
}.sidebar2 ul li a:link, .sidebar2 ul li a:visited {
background:#bbd7e0;
color:#333;
text-decoration: none;
padding: 5px 0px 5px 5px;
display:block;
border-bottom:1px dotted #fff;}
.sidebar2 ul li a:hover {
color: #d10101;
background:#fff;
}.sidebar2 p {
padding: 7px 10px;
margin:0;}
.sidebar2 table {
width:100%;
text-align:center;color:#787d7f;
}/*Bottom bar */
#footop{
width:970px;
margin:0px 0px 0px 0px;
padding:10px 15px;
background:url(images/navi.jpg);}
#footbar{
width:980px;
padding: 0px 10px 30px 10px;
margin:0px 0px;
float:left;
background:url(images/bot.jpg) repeat-y;
height:100%;
font-family: Tahoma,Georgia,Century gothic, Arial, sans-serif;
}.barone{
float:left;
width:226px;
padding-top:5px;
margin-right:5px;
margin-left:10px;
font-size:12px;
color: #fff;}
.barone ul{
list-style-type: none;
margin: 0 ;
padding: 0;}
.barone h2 {
height:24px;
line-height:24px;
font-size:14px;
color:#06324e;
margin:0px 0 0 0 ;
padding:0px 0 10px 0px;
font-weight:normal;
text-transform: uppercase;}
.barone ul li {
height:100%;
line-height:28px;
padding: 0px 0px 0px 8px;
color:#fff;
border-bottom:1px dotted #353535;
}.barone ul li a:link, .barone ul li a:visited {
color:#666;
text-decoration: none;
padding: 0px 0px 0px 0px;}
.barone ul li a:hover {
color: #fff;
}/*calendar*/
#wp-calendar{
width: 100%;
padding: 0 0 15px;}
#wp-calendar caption{
padding: 5px 5px ;
font-size:16px;}
#wp-calendar th, #wp-calendar td{
padding: 5px;
text-align:center;color:#252525;
}#wp-calendar td a{
background:#fff;
padding: 0px;
}
#wp-calendar td{
background:transparent;
}
#wp-calendar td, table#wp-calendar th{
padding: 2px 0;
}/* — FOOTER — */
#footer {
height:60px;
padding:10px 0 0 0px;
color:#666;
font-size:12px;
font-weight:normal;
text-align:center;
letter-spacing:1px;
font-family: Tahoma,georgia,Century gothic, Arial, sans-serif;
float:left;
width:1000px;
background:#F4F4F4 url(images/foot.jpg) top no-repeat;}
#footer a:link , #footer a:visited{
color:#0B68B6;
}#footer a:hover {
color:#333;
}
.fleft{
float:left;
padding: 0 0 0 15px;}
.fright{
float:right;
padding: 0 15px 0 0;
}/* The Navigation */
#navigation{
width:600px;
margin:0px 0px 0px 0px;
padding:0px 15px 10px 12px;}
/* The Attachment */
.contentCenter {
text-align:center;
}/* The Page Title */
h2.pagetitle {
padding:5px 5px;
margin:0px 0 10px 5px;
font-size:16px;
text-align:center;
color:#4A413C;
font-family:Georgia,Century gothic,Arial, Helvetica, sans-serif;
}/*magbox*/
.post {
width: 336px;
margin: 0px 0px 5px 5px;
padding:3px 0 0 0;
float: left;
background:#ebe1d2;
border:1px solid #ded5c9;
display:inline;
color:#6c5b42;
font-style:italic;
font-family:Georgia,century gothic,Arial,verdana, sans-serif;
}.post h2 {
margin: 0px 0 0px 0;
padding: 0px 0px 3px 0px;
text-align: left;
font-size: 18px;
overflow:hidden;
font-weight:normal;
height:20px;
}.post h2 a, .post h2 a:link, .post h2 a:visited {
color:#354151;
background-color: transparent;
}.post h2 a:hover {
color: #354151;
background-color: transparent;
}.postinfo {
height:28px;
margin: 0 0 0 0px;
padding: 2px 0px 0px 0px;
background:#34424F url(images/postinf.jpg)repeat-x;
}.categ {
height:14px;
margin: 1px 0 0 0px;
padding: 0px 0px 2px 0px;
overflow:hidden;
font-size:12px;
}.categ a:link,.categ a:visited{
color:#4395be;}
.categ a:hover{
color:#ddd;
font-weight:normal;
}.centry a:link,
.centry a:visited {
color: #943d39;
background-color: transparent;
}.post img {
border:0;
float:left;
padding:4px 4px;
background:#fff;
border:1px solid #ddd;
margin:2px 5px 2px 0px;
}.centry p{
margin:2px 0;
}.centry a:hover {
color:#c6150c;
background-color: transparent;
text-decoration: none;
}.centry {
margin:0 0;
padding: 0px 5px 5px 5px;
height:120px;
overflow:hidden;
}.ad1{
text-align:center;
margin:5px 5px;}
.ad2{
text-align:center;
margin:2px auto;}
#comment{
height:100%;
padding:0px 7px;
margin:0px 0px;
}h3#comments {
padding:5px 10px;
margin:10px 0px;
border:1px solid #DEDCDD;
font-size:20px;
font-weight:normal;
color:#444;
background:#fff;
font-family:Georgia,Century gothic,Arial, Helvetica, sans-serif;}
#respond{
height:100%;
padding:0px 5px;
margin:5px 0px;
background:#fff;
border:1px solid #DEDCDD;}
#respond h3{
padding:5px 10px 5px 10px;
margin:5px 0px;
font-size:22px;
font-weight:normal;
color:#444;
font-family:Georgia,Century gothic,Arial, Helvetica, sans-serif;
}
#commentform {
padding:0px 10px 10px 10px;
margin:0px 0px 0px 0px;
color:#BFAFA7;
font-family:tahoma,Century gothic,Arial, Helvetica, sans-serif;
}
.cancel-comment-reply{font-family:tahoma,Century gothic,Arial, Helvetica, sans-serif;
margin-left:10px;
padding:0px 0px;}
#commentform p {
color:#3f79c4;}
#commentform input {
background:#F4F4F4;
border:1px solid #DEDCDD;
color:#444;
padding-left:10px;}
#commentform textarea {
background:#F4F4F4;
border:1px solid #DEDCDD;
color:#444;
width:95%;
padding:5px 5px;}
.comments input#submit {width:auto;
line-height:25px;
padding:3px 5px;
background:#0083DB;
border:2px solid #005F9F;
color:#fff;
font-family:tahoma,Century gothic,Arial, Helvetica, sans-serif;
}ol.commentlist {
list-style:none;
margin:0;
padding:0;
text-indent:0;}
ol.commentlist li {
border:1px solid #DEDCDD;
margin:0 0 10px;
padding:5px 7px 5px 57px;
position:relative;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}ol.commentlist li div.comment-author {
padding:0 170px 0 0;
}
ol.commentlist li div.vcard {
font:20px Georgia, helvetica,arial,sans-serif;
padding:5px 0px;
}ol.commentlist li div.vcard cite.fn {
font-style:normal;
}
ol.commentlist li div.vcard cite.fn a.url {
color:#c00;
text-decoration:none;
}
ol.commentlist li div.vcard cite.fn a.url:hover { color:#000;
}ol.commentlist li div.vcard img.avatar {
border:5px solid #ddd;
left:7px;
position:absolute;
top:7px;
}ol.commentlist li div.comment-meta {
font:12px Tahoma, helvetica,arial,sans-serif;
position:absolute;
right:10px;
text-align:right;
top:5px;
}ol.commentlist li div.comment-meta a {
color:#0083DB;
text-decoration:none;
}ol.commentlist li div.comment-meta a:hover {
color:#000;
}
ol.commentlist li p {
font:normal 12px Tahoma, helvetica,arial,sans-serif;
margin:0 0 1em;
line-height:18px;
}ol.commentlist li ul {
font:normal 12px/1.4 helvetica,arial,sans-serif;
list-style:square;
margin:0 0 1em;
padding:0;
text-indent:0;}
ol.commentlist li div.reply {
background:#777;
border:2px solid #555;
color:#fff;
font:bold 9px/1 Tahoma, Georgia,arial,sans-serif;
padding:5px 10px;
text-align:center;
width:36px;
}ol.commentlist li div.reply a {
color:#fff;
text-decoration:none;
text-transform:uppercase;
}ol.commentlist li ul.children {
list-style:none;
margin:1em 0 0;
text-indent:0;
}ol.commentlist li ul.children li.depth-2 {
margin:0 0 .25em;
}ol.commentlist li ul.children li.depth-3 {
margin:0 0 .25em;
}ol.commentlist li ul.children li.depth-4 {
margin:0 0 .25em;
}ol.commentlist li.even {
background:#d4e4e8;
border:1px solid #a6c2cc;
}ol.commentlist li.odd {
background:#fff;
}ol.commentlist li.pingback div.vcard {
padding:0 170px 0 0;
}
- The topic ‘Want to change hyperlink color’ is closed to new replies.