Please help with coding

Matth3w · Mar 6, 2010

I can't for the life of me figure out how to change the color of links on my Blogspot blog...the custom theme broke my font/color section so I'm trying to change the HTML manually.

I just want to change it to blue....

Code:

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "[URL]http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd[/URL]">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  <head>
<meta content='' name='keywords'/>
<meta content='' name='description'/>
<meta content='text/html; charset=utf-8' http-equiv='content-type'/>
    <b:include data='blog' name='all-head-content'/>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <title><data:blog.pageName/></title>
    <b:else/>
    <title><data:blog.pageTitle/></title>
    </b:if>
    <b:skin><![CDATA[/* 
*************************************
Blogger Template Style
Name :    Blacksapphire
Description: A three-column, fixed-width, 1024x768 screen resolutions.
Designer : TeknoMobi
URL 1:      [url=http://www.teknomobi.net]TeknoMobi | Profesyonel ve Ücretsiz Blogger Tema Tasar?mlar?[/url]
URL 2:      [url=http://www.bloggergallery.com/]Blogger Templates by Blogger Gallery | Free - Premium Blogger Template Design and Gallery Showcase[/url]
Bloggerized Date : 03 December 2009
Original Template Style
Designer : ThemeLayouts/DreamTemplate
URL:       [url=http://www.themelayouts.com/]WordPress Themes, Joomla Templates, oSCommerce Templates - ThemeLayouts[/url]
Author URI: [url=http://www.dreamtemplate.com/]Website Templates, Web Templates, Flash, Word Templates - DreamTemplate[/url]
Version: 1
Licence: Creative Commons Attribution-Share Alike 3.0 License
This means you may use it and make any changes you like. However, credit links must remain on footer for legal use.
************************************ */
#navbar{display:none; height:0; visibility:hidden;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{
 margin:0;
 padding:0;
}
ul{
 list-style:none;
}
a{
 color:#333333;
 text-decoration:none;
}
a:hover{
 text-decoration:underline;
}
a img{
 border:0;
}
.clear{
 clear:both;
}
body{
 margin:0px;
 padding:0 0 40px 0;
 font-family:Verdana, Geneva, sans-serif;
 font-size:11px;
 background:#252525 url([URL]http://4.bp.blogspot.com/_qJEkQRe5y8U/SxbfUPVtsgI/AAAAAAAABWg/sMUB3otBU9k/s1600/bgr_main.png[/URL]) repeat-x;
 color:#333333;
}
#outer-wrapper{
 width:1000px;
 margin:0 auto;
}
/* HEADER */
#header-wrapper{
 width:100%;
 height:119px;
}
#header-inner {
  background-position: center;
  margin-left: auto;
  margin-right: auto;
}
#header{
 width: 500px;
 padding:40px 0 0 44px;
 float:left;
}
#header h1 {
 font-size:38px;
 font-family:Georgia, "Times New Roman", Times, serif;
 color:#fff;
 font-weight:normal;
}
#header h1 a{
 font-size:38px;
 font-family:Georgia, "Times New Roman", Times, serif;
 color:#fff;
 font-weight:normal;
}
#header .description {
 text-transform: uppercase;
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size: 10px;
 color: #fff;
 padding:10px 0 0 14px;
 width: 500px;
 float:left;
}
/*sidebar_search*/
#sidebar_search{
 float:right;
 width:344px;
 padding:46px 0 0 0
}
#sidebar_search_val{
 float:left;
 background:url([URL]http://4.bp.blogspot.com/_qJEkQRe5y8U/SxbfiDCtrGI/AAAAAAAABWw/s__aY4NuD_Q/s1600/bgr_sidebar_search_val.png[/URL]) repeat;
 border:0;
 width:290px;
 font-size:13px;
 font-family:Verdana, Geneva, sans-serif;
 color:#6f6f6f;
 padding:5px;
 margin:0 6px 0 0;
}
#sidebar_search_sub{
 float:left;
}
/*board*/
#board{
 width:100%;
 height:88px;
 overflow:hidden;
 background:url([URL]http://2.bp.blogspot.com/_qJEkQRe5y8U/SxbfTkvBbLI/AAAAAAAABWU/oGG1FnzLgIo/s1600/bgr_board.png[/URL]) no-repeat;
}
#twitter{
 float:left;
 padding:10px 20px 0 31px;
 width:627px;
}
#twitter h2{
 color:#727272;
 font-family:Georgia, "Times New Roman", Times, serif;
 font-size:18px;
 font-weight:normal;
 padding:0 0 5px 0;
}
#twitter h2 a{
 color:#727272;
 text-decoration:underline;
}
#twitter h2 a:hover{
 text-decoration:none;
}
#twitter_update_list{
 color:#737373;
 font-size:13px;
 font-family:Arial, Helvetica, sans-serif;
}
#twitter_update_list span{
 display:block;
}
#twitter_update_list a{
 font-weight:bold;
 color:#737373;
 font-family:Georgia, "Times New Roman", Times, serif;
 font-style:italic;
}
#twitter_update_list span a{
 font-weight:normal;
 font-family:Arial, Helvetica, sans-serif;
 font-style:normal;
}
#twitter_link{
 float:left;
 font-size:18px;
 color:#fff;
 font-family:Georgia, "Times New Roman", Times, serif;
 width:102px;
 height:74px;
 background:url([URL]http://1.bp.blogspot.com/_qJEkQRe5y8U/SxbfikC1OvI/AAAAAAAABW0/FQ_AQCTvO8k/s1600/bgr_twitter_link.png[/URL]) no-repeat right bottom;
 padding:14px 60px 0 0;
 text-transform:uppercase;
}
#twitter_link a{
 float:left;
 display:block;
 color:#fff;
}
#twitter_link a span{
 color:#5aacff;
}
#rss_link{
 float:left;
 font-size:18px;
 color:#fff;
 font-family:Georgia, "Times New Roman", Times, serif;
 width:107px;
 height:74px;
 background:url([URL]http://1.bp.blogspot.com/_qJEkQRe5y8U/SxbfiO_wmLI/AAAAAAAABWs/clRri3K-LI8/s1600/bgr_rss_link.png[/URL]) no-repeat right bottom;
 padding:14px 30px 0 11px;
 text-transform:uppercase;
}
#rss_link a{
 float:left;
 display:block;
 color:#fff;
}
#rss_link a span{
 color:#ff8b05;
}
/* BODY */
.body{
 width:100%;
 background:url([URL]http://4.bp.blogspot.com/_qJEkQRe5y8U/SxbfT8R_-OI/AAAAAAAABWY/DN7KOdU-rdA/s1600/bgr_body.png[/URL]) repeat-y;
}
.content-wrapper{
 width:100%;
 overflow:hidden;
 background:url([URL]http://3.bp.blogspot.com/_qJEkQRe5y8U/SxbfUFoMmdI/AAAAAAAABWc/6-61K1xOjE8/s1600/bgr_body_top.png[/URL]) no-repeat;
 padding:0 0 40px 0;
}
#main-wrapper{
 width:583px;
 float:left;
 padding:22px 0 0 48px;
}
#sidebar-wrapper{
 width:327px;
 float:right;
 padding:9px 11px 0 0;
}
#sidebar_left{
 float:left;
 width:154px;
 padding:0 0 0 12px;
}
#sidebar_right{
 float:right;
 width:128px;
 padding:0 10px 0 0;
}
/* Posts
-----------------------------------------------
*/
h2.date-header {
  margin:1.5em 0 .5em;
  }
.post{
 width:100%;
 margin:0 0 30px 0;
}
.post-top{
 width:100%;
 overflow:hidden;
}
.post h3{
 font-size:30px;
 color:#000;
 font-weight:normal;
 font-style:italic;
 font-family:Georgia, "Times New Roman", Times, serif;
 margin:0 0 6px 0;
 float:left;
 width:515px;
}
.post h3 a{
 color:#000;
}
.post_comments{
 float:right;
 text-align:center;
 color:#fff;
 font-family:Georgia, "Times New Roman", Times, serif;
 font-size:25px;
 background:url([URL]http://4.bp.blogspot.com/_qJEkQRe5y8U/SxbfhwcQ5aI/AAAAAAAABWk/Jt0GJmxPM4s/s1600/bgr_post_comments.png[/URL]) no-repeat;
 width:63px;
 height:51px;
 text-align:center;
}
.post_comments p{
 padding:4px 0 0 0;
}
.post_comments a{
 color:#fff;
}
.post .info{
 width:100%;
 border-bottom:1px solid #a9babb;
 color:#7d7d7d;
 font-size:12px;
 padding:5px 0 14px 0;
}
.post .info a, .post .info span, .post .info b{
 color:#0071bc;
}
.post .info a{
 text-decoration:underline;
}
.post .info a:hover{
 text-decoration:none;
}
.post-body {
 line-height:20px;
 font-size:13px;
 margin:15px 0 0 0;
 width:100%;
 overflow:hidden;
}
.post-body p{
 padding-bottom:15px;
}
.post-body p a{
 font-weight:bold;
 text-decoration:underline;
 color:#338dc9;
}
.post-body p a:hover{
 text-decoration:none;
}
.post-body .banner{
 text-align:center;
 padding:0 0 15px 0;
}
.post-body .banner_left{
 float:left;
 padding:0 10px 5px 0;
}

.post-body ul {
 margin: 0 10px 25px 5px;
 list-style: none;
 padding:15px 15px 15px 20px;
 background:#fafafa;
 border:1px solid #dedede;
 } 
.post-body ul li {
 border-bottom:1px solid #cecece;
 background:url([URL]http://4.bp.blogspot.com/_qJEkQRe5y8U/Sxbf0bfONJI/AAAAAAAABXI/rvW20OwRo5M/s1600/entry_before.png[/URL]) no-repeat left 12px;
 padding:6px 0 6px 15px;
 display:block;
 }
.post-body ol {
 margin: 0 10px 25px 5px;
 padding:15px 15px 15px 40px;
 background:#fafafa;
 border:1px solid #dedede;
 }
.post-body ol li {
 margin: 0;
 padding:6px 0 6px 0;
 border-bottom:1px solid #cecece;
 }
.jump-link ul, .jump-link li {
 display: inline;
 list-style-type: none;
 list-style-image: none;
 }
 
ol li{
 list-style: decimal outside;
 }
.jump-link{
 width:100%;
 height:30px;
 background:url([URL]http://1.bp.blogspot.com/_qJEkQRe5y8U/SxbfiIvXeDI/AAAAAAAABWo/bhZGZQD7bh0/s1600/bgr_postmetadata.png[/URL]) no-repeat;
 overflow:hidden;
 clear:both;
 padding:15px 0 0 0;
}
.jump-link a{
 color:#0000FF;
 font-size:13px;
 text-decoration:underline;
 font-weight:bold;
 margin:0 0 0 17px;
}
.jump-link a:hover{
 text-decoration:none;
}
/* Comments
----------------------------------------------- */
#comments h4 {
  font-size:30px;
 color:#000;
 font-weight:normal;
 font-family:Georgia, "Times New Roman", Times, serif;
 margin:0 0 6px 30px;
 padding:0 0 7px 0;
 border-bottom:1px solid #cccccc;
  }
#comments-block {
  margin:1em 0 1.5em;
  line-height:1.6em;
  }
#comments-block .comment-author {
  margin:.5em 0;
  }
#comments-block .comment-body {
  margin:.25em 0 0;
  }
#comments-block .comment-footer {
  margin:-.25em 0 2em;
  line-height: 1.4em;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
#comments-block .comment-body p {
  margin:0 0 .75em;
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }
#blog-pager-newer-link {
  float: left;
 }
 
#blog-pager-older-link {
  float: right;
 }
#blog-pager { 
  text-align: center;
 }
.feed-links {
  clear: both;
  line-height: 2.5em;
}
/*sidebars*/
.sidebar{
 font-size:9px;
 line-height:1.5em;
 color:#272f32;
}
.sidebar a{
 color:#272f32;
}
#sidebar_right{
 color:#333;
}
#sidebar_right a{
 color:#333;
}
.sidebar h2{
 font-size:0px;
 color:#000;
 font-family:Georgia, "Times New Roman", Times, serif;
 margin:0 0 5px 0;
 padding:10px 0 5px 5px;
 border-bottom:1px solid #9ebdc9;
 text-transform:uppercase;
}
.sidebar ul{
}
.sidebar li {
 background:none;
 border:0;
 padding:4px 0 4px 0;
 margin:0 0 0 5px;
}
.sidebar .widget, .main .widget { 
  margin:0px;
  padding:0px;
 }
.main .Blog { 
  border-bottom-width: 0;
}
/*sidebar_ads*/
#sidebar_ads{
 width:128px;
 text-align:center;
}
#sidebar_ads_body div{
 padding:0 0 10px 0;
}
/* FOOTER */
#footer{
 width:974px;
 background:#161616;
 padding:30px 0 30px 0;
 margin:0 0 0 14px;
 overflow:hidden;
}
#footer_info{
 text-align:center;
}
#footer_info p{
 color:#a2a2a2;
 font-size:13px;
 line-height:1.6em;
}
#footer_info p a{
 color:#a2a2a2;
 text-decoration:underline;
}
#footer_info p a:hover{
 text-decoration:none;
}
#footer_info p.copyrights a{
 color:#4a859c;
}
/* Begin Images */
p img {
 padding: 0;
 max-width: 100%;
 }
/* 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.centered {
 display: block;
 margin-left: auto;
 margin-right: auto;
 }
img.alignright {
 padding: 4px;
 margin: 0 0 2px 7px;
 display: inline;
 }
img.alignleft {
 padding: 4px;
 margin: 0 7px 2px 0;
 display: inline;
 }
.alignright {
 float: right;
 }
.alignleft {
 float: left
 }
/* End Images */
/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
 cursor: help;
 }
acronym, abbr {
 border-bottom: 1px dashed #999;
 }
blockquote {
 margin: 15px 30px 10px 10px;
 padding-left: 24px;
 padding-bottom:7px;
 background:url([URL]http://3.bp.blogspot.com/_qJEkQRe5y8U/SxbfzzuQ4VI/AAAAAAAABW4/fg9ppvyvkho/s1600/blockquote_bg.png[/URL]) repeat-y;
 }
blockquote blockquote{
 background:url([URL]http://4.bp.blogspot.com/_qJEkQRe5y8U/Sxbfz2q5AvI/AAAAAAAABW8/ZaeyrLvkGJo/s1600/blockquote_bg2.png[/URL]) repeat-y;
 }
blockquote cite {
 margin: 5px 0 0;
 display: block;
 }
.center {
 text-align: center;
 }
hr {
 display: none;
 }
a img {
 border: none;
 }
/* End Various Tags & Classes*/
/* Begin Form Elements */
#searchform {
 margin: 10px auto;
 padding: 5px 3px; 
 text-align: center;
 }
#sidebar #searchform #s {
 width: 108px;
 padding: 2px;
 }
#sidebar #searchsubmit {
 padding: 1px;
 }
.entry form { /* This is mainly for password protected posts, makes them look better. */
 text-align:center;
 }
select {
 width: 130px;
 }
/* End Form Elements */
]]></b:skin>
  <!--[if lt IE 7]>
  <div style='border: 1px solid #F7941D; background: #FEEFDA; text-align: center; clear: both; height: 75px; position: relative;'>
    <div style='position: absolute; right: 3px; top: 3px; font-family: courier new; font-weight: bold;'><a href='#' onclick='javascript:this.parentNode.parentNode.style.display="none"; return false;'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-cornerx.jpg' style='border: none;' alt='Close this notice'/></a></div>
    <div style='width: 640px; margin: 0 auto; text-align: left; padding: 0; overflow: hidden; color: black;'>
      <div style='width: 75px; float: left;'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-warning.jpg' alt='Warning!'/></div>
      <div style='width: 275px; float: left; font-family: Arial, sans-serif;'>
        <div style='font-size: 14px; font-weight: bold; margin-top: 12px;'>You are using an outdated browser</div>
        <div style='font-size: 12px; margin-top: 6px; line-height: 12px;'>For a better experience using this site, please upgrade to a modern web browser.</div>
      </div>
      <div style='width: 75px; float: left;'><a href='http://www.firefox.com' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-firefox.jpg' style='border: none;' alt='Get Firefox 3.5'/></a></div>
      <div style='width: 75px; float: left;'><a href='http://www.browserforthebetter.com/download.html' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-ie8.jpg' style='border: none;' alt='Get Internet Explorer 8'/></a></div>
      <div style='width: 73px; float: left;'><a href='http://www.apple.com/safari/download/' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-safari.jpg' style='border: none;' alt='Get Safari 4'/></a></div>
      <div style='float: left;'><a href='http://www.google.com/chrome' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-chrome.jpg' style='border: none;' alt='Get Google Chrome'/></a></div>
    </div>
  </div>
  <![endif]-->
  </head>
  <body>
  <div id='outer-wrapper'><div id='wrap2'>
    <!-- skip links for text browsers -->
    <span id='skiplinks' style='display:none;'>
      <a href='#main'>skip to main </a> |
      <a href='#sidebar'>skip to sidebar</a>
    </span>
<div id='header-wrapper'>
      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Droid-Does.Blogspot.Com (Header)' type='Header'/>
</b:section>
 <div id='sidebar_search'>
  <form expr:action='data:blog.homepageUrl + &quot;search/&quot;' method='get'>
   <div>
    <input id='sidebar_search_val' name='q' onclick='this.value=&apos;&apos;;' type='text' value='Type your search here...'/>
    <input id='sidebar_search_sub' src='http://4.bp.blogspot.com/_qJEkQRe5y8U/SxbfzwX1dWI/AAAAAAAABXA/YLCSO2jfZQA/s1600/button_go.png' type='image'/>
   </div>
  </form>
 </div>
</div>
<div id='board'>
 <div id='twitter'>
    <h2><a href='http://www.twitter.com/Dr0idDoes'>Recent twitter entries...</a></h2>
  <ul id='twitter_update_list'><li/></ul>
  <script src='http://twitter.com/javascripts/blogger.js' type='text/javascript'/>
  <script src='http://twitter.com/statuses/user_timeline/Dr0idDoes.json?callback=twitterCallback2&amp;count=1' type='text/javascript'/>
 </div>
 <div id='twitter_link'><a href='http://www.twitter.com/Dr0idDoes'>follow me on <span>twitter</span></a></div>
 <div id='rss_link'><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'>subscribe to <span>rss</span> feed</a></div>
</div>
<div class='body'>
 <div class='content-wrapper'>
<div id='main-wrapper'>
        <b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
 </div>
  <div id='sidebar-wrapper'>
        <b:section class='sidebar' id='sidebar_left' preferred='yes'>
<b:widget id='Label1' locked='false' title='Labels' type='Label'/>
<b:widget id='Followers1' locked='false' title='Followers' type='Followers'/>
</b:section>
        <b:section class='sidebar' id='sidebar_right' preferred='yes'>
<b:widget id='LinkList1' locked='false' title='' type='LinkList'/>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
</b:section>
 </div>
 </div>
</div>
   <div id='footer'>
  <div id='footer_info'>
<!-- FOOTER CREDITS LINK --> 
<font color='#ffffff'><big><strong> 2009 My Web Blog</strong></big><br/>
<small><strong><a href='http://www.freethemelayouts.com/' style='color: #ffffff;text-decoration: none;' title='Free WordPress Themes'>Wordpress Themes</a> by DT <a href='http://www.dreamtemplate.com' style='color: #ffffff;text-decoration: none;' title='Website Templates'>Website Templates</a></strong></small> | <small><strong><a href='http://www.bloggergallery.com/' style='color: #ffffff;text-decoration: none;' title='Blogger Templates Gallery'>Blogger Templates</a> by <a href='http://www.teknomobi.net' style='color: #ffffff;text-decoration: none;' title='TeknoMobi'>TeknoMobi</a></strong></small> | <small><strong><a href='http://www.domainpromocodes.com/' style='color: #ffffff;text-decoration: none;' title='domain promo codes'>domain promo codes</a></strong></small>   
</font>
  </div>
 </div>
   </div></div>
  </body>
</html>

Jim 777 · Mar 6, 2010

I would start with:

Code:

.post-body p a{
 font-weight:bold;
 text-decoration:underline;
 color:#338dc9;
}

I change the "338dc9" to the hexadecimal color value you want (I.E. 0000ff for blue)

Matth3w · Mar 6, 2010

Freaking found it. It was part of the nav bar, so I changed it to 3399FF

Jim 777 · Mar 6, 2010

I'm also thinking that if you're posting a comment, then:

Code:

.post_comments a{
 color:#fff;
}

would be where you adjust the link color. Inn this case the #fff is the color.

Jim 777 · Mar 6, 2010

Matth3w said:
Freaking found it. It was part of the nav bar, so I changed it to 3399FF

Guess I was way off

Matth3w · Mar 6, 2010

I was too, especially since the nav bar said it was hidden, I ignored the damn section.

Please help with coding

Matth3w

Guest

Jim 777

Silver Member

Matth3w

Guest

Jim 777

Silver Member

Jim 777

Silver Member

Matth3w

Guest

Most reactions - Past 7 days

Similar threads