Forums > Help with post colors changing

Full Version: Help with post colors changing

Forums > Resource Center > Support Center > Blogger Support > Blogger Resolved Topics

abe55

Jan 21 2005, 12:56 AM

every time I save my template my post box changes back to Black and cannot keep it grey. I am a newbie as far as html, css, and blogger go. I have gotten where I am with trial and error. If someone could help me that would be great.
The main post and the comment always go back to black. I would like to keep them grey.

<!-- begin code provided by createblog.com --><br /><br /><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><br /><br /><br /><br /><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><br /><br /><head><br /><img src="http://img13.imgspot.com/u/05/5/06/blogtitle3r.JPG"><br />  <$BlogMetaData$><br /><br />  <style type="text/css"><br />/*<br />Template created somewhat by By Abe55....but mostly by someone who know what they were doing<br />*/<br /><br /><br />body {<br />  background:#000000;<br />  margin:0;<br />  padding:20px 10px;<br />  text-align:center;<br />  font:x-small/1.5em "Trebuchet MS",Verdana,Arial,Sans-serif;<br />  color:#cccccc;<br />  font-size/* */:/**/small;<br />  font-size: /**/small;<br />  }<br /><br /><br />/* Page Structure<br />----------------------------------------------- */<br />/* The images which help create rounded corners depend on the <br />   following widths and measurements. If you want to change <br />   these measurements, the images will also need to change.<br />   */<br />#content {<br />  width:740px;<br />  margin:0 auto;<br />  text-align:left;<br />  }<br />#main {<br />  width:485px;<br />  float:left;<br />  background:#cccccc<br />  margin:15px 0 0;<br />  padding:0 0 10px;<br />  color:#000000;<br />  font-size:97%;<br />  line-height:1.5em;<br />  }<br />#main3 {<br />  background:url("http://www.blogblog.com/rounders2/rails_main.gif") repeat-y;<br />  padding:0;<br />  }<br />#sidebar {<br />  width:240px;<br />  float:right;<br />  margin:15px 0 0;<br />  font-size:97%;<br />  line-height:1.5em;<br />  }<br /><br /><br />/* Links<br />----------------------------------------------- */<br />a:link {<br />  color:#b30;<br />  }<br />a:visited {<br />  color:#666;<br />  }<br />a:hover {<br />  color:#c63;<br />  }<br />a img {<br />  border-width:0;<br />  }<br /><br /><br />/* Blog Header<br />----------------------------------------------- */<br />#header {<br />  }<br />#header div {<br />  }<br />#blog-title {<br />  }<br />#blog-title a {<br />  }<br />#description {<br />  margin:0;<br />  padding:5px 30px 10px;<br />  font-size:94%;<br />  line-height:1.5em;<br />  }<br /><br /><br />/* Posts<br />----------------------------------------------- */<br />.date-header {<br />  margin:0 28px 0 43px;<br />  font-size:85%;<br />  line-height:2em;<br />  text-transform:uppercase;<br />  letter-spacing:.2em;<br />  color:#000000;<br />  }<br />.post {<br />  margin:.3em 0 25px;<br />  padding:0 13px;<br />  border:1px dotted #bbb;<br />  border-width:1px 0;<br />  }<br />.post-title {<br />  margin:0;<br />  font-size:135%;<br />  line-height:1.5em;<br />  background:url("http://www.blogblog.com/rounders2/icon_arrow.gif") no-repeat 10px .5em;<br />  display:block;<br />  border:1px dotted #bbb;<br />  border-width:0 1px 1px;<br />  padding:2px 14px 2px 29px;<br />  color:#333;<br />  }<br />a.title-link, .post-title strong {<br />  text-decoration:none;<br />  display:block;<br />  }<br />a.title-link:hover {<br />  background-color:#eee;<br />  color:#000;<br />  }<br />.post-body {<br />  border:1px dotted #bbb;<br />  border-width:0 1px 1px;<br />  border-bottom-color:#cccccc;<br />  padding:10px 14px 1px 29px;<br />  }<br />html>body .post-body {<br />  border-bottom-width:0;<br />  }<br />.post p {<br />  margin:0 0 .75em;<br />  }<br />p.post-footer {<br />  background:#ccc;<br />  margin:0;<br />  padding:2px 14px 2px 29px;<br />  border:1px dotted #bbb;<br />  border-width:1px;<br />  border-bottom:1px solid #eee;<br />  font-size:100%;<br />  line-height:1.5em;<br />  color:#666;<br />  text-align:right;<br />  }<br />html>body p.post-footer {<br />  border-bottom-color:transparent;<br />  }<br />p.post-footer em {<br />  display:block;<br />  float:left;<br />  text-align:left;<br />  font-style:normal;<br />  }<br />a.comment-link {<br />  /* IE5.0/Win doesn't apply padding to inline elements,<br />     so we hide these two declarations from it */<br />  background/* */:/**/url("http://www.blogblog.com/rounders2/icon_comment.gif") no-repeat 0 45%;<br />  padding-left:14px;<br />  }<br />html>body a.comment-link {<br />  /* Respecified, for IE5/Mac's benefit */<br />  background:url("http://www.blogblog.com/rounders2/icon_comment.gif") no-repeat 0 45%;<br />  padding-left:14px;<br />  }<br />.post img {<br />  margin:0 0 5px 0;<br />  padding:4px;<br />  border:1px solid #ccc;<br />  }<br />blockquote {<br />  margin:.75em 0;<br />  border:1px dotted #ccc;<br />  border-width:1px 0;<br />  padding:5px 15px;<br />  color:#666;<br />  }<br />.post blockquote p {<br />  margin:.5em 0;<br />  }<br /><br /><br />/* Comments<br />----------------------------------------------- */<br />#comments {<br />  margin:-25px 13px 0;<br />  border:1px dotted #ccc;<br />  border-width:0 1px 1px;<br />  padding:20px 0 15px 0;<br />  }<br />#comments h4 {<br />  margin:0 0 10px;<br />  padding:0 14px 2px 29px;<br />  border-bottom:1px dotted #ccc;<br />  font-size:120%;<br />  line-height:1.4em;<br />  color:#333;<br />  }<br />#comments-block {<br />  margin:0 15px 0 9px;<br />  }<br />.comment-data {<br />  background:url("http://www.blogblog.com/rounders2/icon_comment.gif") no-repeat 2px .3em;<br />  margin:.5em 0;<br />  padding:0 0 0 20px;<br />  color:#666;<br />  }<br />.comment-poster {<br />  font-weight:bold;<br />  }<br />.comment-body {<br />  margin:0 0 1.25em;<br />  padding:0 0 0 20px;<br />  }<br />.comment-body p {<br />  margin:0 0 .5em;<br />  }<br />.comment-timestamp {<br />  margin:0 0 .5em;<br />  padding:0 0 .75em 20px;<br />  color:#666;<br />  }<br />.comment-timestamp a:link {<br />  color:#666;<br />  }<br />.deleted-comment {<br />  font-style:italic;<br />  color:gray;<br />  }<br /><br /><br />/* Profile<br />----------------------------------------------- */<br />#profile-container {<br />  background:#ccc url("http://www.blogblog.com/rounders2/corners_prof_bot.gif") no-repeat left bottom;<br />  margin:0 0 15px;<br />  padding:0 0 10px;<br />  color:#000;<br />  }<br />#profile-container h2 {<br />  background:url("http://www.blogblog.com/rounders2/corners_prof_top.gif") no-repeat left top;<br />  padding:10px 15px .2em;<br />  margin:0;<br />  border-width:0;<br />  font-size:115%;<br />  line-height:1.5em;<br />  color:#000;<br />  }<br />.profile-datablock {<br />  margin:0 15px .5em;<br />  border-top:1px dotted #ccc;<br />  padding-top:8px;<br />  }<br />.profile-img {display:inline;}<br />.profile-img img {<br />  float:left;<br />  margin:0 10px 5px 0;<br />  border:4px solid #ccc;<br />  }<br />.profile-data strong {<br />  display:block;<br />  }<br />#profile-container p {<br />  margin:0 15px .5em;<br />  }<br />#profile-container .profile-textblock {<br />  clear:left;<br />  }<br />#profile-container a {<br />  color:#000;<br />  }<br />.profile-link a {<br />  background:url("http://www.blogblog.com/rounders2/icon_profile.gif") no-repeat 0 .1em;<br />  padding-left:15px;<br />  font-weight:bold;<br />  }<br />ul.profile-datablock {<br />  list-style-type:none;<br />  }<br /><br /><br />/* Sidebar Boxes<br />----------------------------------------------- */<br />.box {<br />  background:#ccc url("http://www.blogblog.com/rounders2/corners_side_top.gif") no-repeat left top;<br />  margin:0 0 15px;<br />  padding:10px 0 0;<br />  color:#666;<br />  }<br />.box2 {<br />  background:url("http://www.blogblog.com/rounders2/corners_side_bot.gif") no-repeat left bottom;<br />  padding:0 13px 8px;<br />  }<br />.sidebar-title {<br />  margin:0;<br />  padding:0 0 .2em;<br />  border-bottom:1px dotted #fa0;<br />  font-size:115%;<br />  line-height:1.5em;<br />  color:#333;<br />  }<br />.box ul {<br />  margin:.5em 0 1.25em;<br />  padding:0 0px;<br />  list-style:none;<br />  }<br />.box ul li {<br />  background:url("http://www.blogblog.com/rounders2/icon_arrow_sm.gif") no-repeat 2px .25em;<br />  margin:0;<br />  padding:0 0 3px 16px;<br />  margin-bottom:3px;<br />  border-bottom:1px dotted #eee;<br />  line-height:1.4em;<br />  }<br />.box p {<br />  margin:0 0 .6em;<br />  }<br /><br /><br />/* Footer<br />----------------------------------------------- */<br />#footer {<br />  clear:both;<br />  margin:0;<br />  padding:15px 0 0;<br />  }<br />#footer div {<br />  background:#710 url("http://www.blogblog.com/rounders2/corners_cap_top.gif") no-repeat left top;<br />  padding:8px 0 0;<br />  color:#fff;<br />  }<br />#footer div div {<br />  background:url("http://www.blogblog.com/rounders2/corners_cap_bot.gif") no-repeat left bottom;<br />  padding:0 15px 8px;<br />  }<br />#footer hr {display:none;}<br />#footer p {margin:0;}<br />#footer a {color:#fff;} <br />  </style><br /><br /><br /></head><br /><br /><br /><br /><body><br /><br /><br /><br /><!-- Begin #content - Centers all content and provides edges for floated columns --><br /><br /><div id="content"><br /><br /><br /><br /><!-- Blog Header --><br /><br /><br /><br /><br /><!-- Begin #main - Contains main-column blog content --><br /><br /><div id="main"><div id="main2"><div id="main3"><br /><br /><Blogger><br /><br />    <BlogDateHeader><br />  <h2 class="date-header"><$BlogDateHeaderDate$></h2><br />  </BlogDateHeader><br /><br />         <!-- Begin .post --><br /><br />  <div class="post"><a name="<$BlogItemNumber$>"></a><br /><br />     <BlogItemTitle><br />  <BlogItemUrl><a href="<$BlogItemUrl$>" title="external link" class="title-link"></BlogItemUrl><br />    <h3 class="post-title"><br />  <$BlogItemTitle$><br />    </h3><br />  <BlogItemUrl></a></BlogItemUrl><br />    </BlogItemTitle><br /><br />    <div class="post-body"><br /><br />      <p><br />      <$BlogItemBody$><br />    </p><br /><br />    </div><br />    <p class="post-footer"><br />      <em>posted by <$BlogItemAuthorNickname$> @ <a href="<$BlogItemPermalinkUrl$>" title="permanent link"><$BlogItemDateTime$></a></em> &nbsp;<br /><br />      <BlogItemCommentsEnabled><br />         <a class="comment-link" href="<$BlogItemPermalinkURL$>#comments"><$BlogItemCommentCount$> comments</a><br />      </BlogItemCommentsEnabled>  <$BlogItemControl$><br />    </p><br /><br />    </div><br /><br />  <!-- End .post --><br /><br />    <!-- Begin #comments --><br /><br /> <ItemPage><br />  <div id="comments"><br /><br />	<BlogItemCommentsEnabled><a name="comments"></a><br /><br />    <h4><$BlogItemCommentCount$> Comments:</h4><br /><br />    <dl id="comments-block"><br />      <BlogItemComments><br />      <dt class="comment-data" id="c<$BlogCommentNumber$>"><a name="c<$BlogCommentNumber$>"></a><br /><br />        At <a href="#c<$BlogCommentNumber$>" title="comment permalink"><$BlogCommentDateTime$></a>,<br />        <$BlogCommentAuthor$> said...<br />      </dt><br />      <dd class="comment-body"><br />        <p><$BlogCommentBody$></p><br />   <$BlogCommentDeleteIcon$><br />      </dd><br />   </BlogItemComments><br />    </dl><br /><br />  <p class="comment-data"><br />    <$BlogItemCreate$><br />    </p><br />    </BlogItemCommentsEnabled><br />  <p style="padding-left:20px;"><br />	<a href="<$BlogURL$>">&lt;&lt; Home</a><br />    </p><br />    </div><br /><br /></ItemPage><br /><br />  <!-- End #comments --><br /><br /></Blogger><br /><br /><br /><br /></div></div></div><br /><br /><!-- End #main --><br /><br /><br /><br /><br /><br /><br /><br /><br /><!-- Begin #sidebar --><br /><br /><div id="sidebar"><br /><br />    <!-- Begin #profile-container --><br /><br />   <$BlogMemberProfile$><br /><br />  <!-- End #profile --><br /><br /><br /><br />    <!-- Begin .box --><br /><br />  <div class="box"><div class="box2"><div class="box3"><br /><br />      <h2 class="sidebar-title">Previous Posts</h2><br />    <ul id="recently"><br />    <BloggerPreviousItems><br /><br />        <li><a href="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></a></li><br />     </BloggerPreviousItems><br />  </ul><br />    <MainOrArchivePage><br />  <h2 class="sidebar-title">Archives</h2><br />    <ul class="archive-list"><br />      <BloggerArchives><br />    	<li><a href="<$BlogArchiveURL$>"><$BlogArchiveName$></a></li><br /><br />   </BloggerArchives><br />      <ArchivePage><li><a href="<$BlogURL$>">Current Posts</a></li></ArchivePage><br />  </ul><br />  </MainOrArchivePage><br />      <p id="powered-by"><a href="http://www.blogger.com"><img src="http://buttons.blogger.com/bloggerbutton1.gif" alt="Powered by Blogger" /></a></p><br /><br />        <!--<br /><br />    <p></p><br /><br />    --><br /><br />    </div></div></div><br /><br />  <!-- End .box --><br /><br /><br /><br /><br /><br /></div><br /><br /><!-- End #sidebar --><br /><br /><br /><br /><br /><br /><br /><br /><br /><!-- Begin #footer --><br /><br /><div id= <div><div><hr /><br /><br /><br /><br />  <p><b>Revolution Student Ministries, Hibbing MN</b></p><br /><br /><br /><br /></div></div></div><br /><br /><!-- End #footer --><br /><br /><br /></div><br /><br /><!-- End #content --><br /><br /><br /><br /></body><br /><img src="http://img30.exs.cx/img30/3076/bottomblog6fn.jpg" width="640" alt="Image Hosted by ImageShack.us" /><br /></html><br /><br /><!-- end code provided by createblog.com -->

whomps

Jan 21 2005, 03:25 AM

Can you provide a link? To the Blogger? Please?

abe55

Jan 22 2005, 11:13 AM

Check out my Blog therevblog

I figured out my problem with my mod box changing color on me. It was resetting back to the default because I forgot to enter the # before the hex color. Newbie mistake.

I still have one problem with my mod box moving around depending on which page I am on. It is great in the main page but in the comment page it has moved a little.

Could any give me some suggestions how to fix this problem. I know it has something to do with the comments tag lines but I am scared to mess with Blogger tags because I don't really understand them all as of yet.

I am self taught by trial and error and createblog.com. Any help would be great

Abe55

whomps

Jan 23 2005, 12:41 AM

It doesn't move at all.. I clicked on your comments and the page aligment remained exactly the same.

abe55

Jan 23 2005, 12:42 AM

Thanks for your input. I guess it is just my lap top. It has a wide screen.

whomps

Jan 23 2005, 05:31 AM

Well I'm glad you uh.. sorta figured out your problem. My resolutions set to 1280x1024 just to let you know.. And I tried it with 1152x864 and it also stayed the same. When I tried it with 1024x768, the grey module/box at the bottom moved slightly lower, but I think that's because the post comment link brings an iframe up to post your comment.. Meh. It's a very subtle difference, IMO. I'm pretty sure any normal person browsing and commenting on your site would think nothing of it or even notice the change.

This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.