Jump to content

Editing The Title Background Colour


Recommended Posts

I recently created a new blog on Blogger. I'm editing one of the preset templates to suit the website's topic. If you take a look here you can see that the background colour of the title is green. I can't find anything to do with it in the source code though, can you?

<?xml version="1.0" encoding="UTF-8" ?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><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>	<b:include data='blog' name='all-head-content'/>	<title><data:blog.pageTitle/></title>	<b:skin><![CDATA[/*-----------------------------------------------Blogger Template StyleName:	 Son of Moto (Mean Green Blogging Machine variation)Designer: Jeffrey ZeldmanURL:	  www.zeldman.comDate:	 23 Feb 2004Updated by: Blogger Team----------------------------------------------- *//* Variable definitions   ====================   <Variable name="mainBgColor" description="Main Background Color"			 type="color" default="#ffffff" value="#ffffff">   <Variable name="mainTextColor" description="Text Color"			 type="color" default="#555544" value="#191919">   <Variable name="pageHeaderColor" description="Blog Title Color"			 type="color" default="#ffffee" value="#ffffee">   <Variable name="blogDescriptionColor" description="Blog Description Color"			 type="color" default="#ffffee" value="#ffffee">   <Variable name="linkColor" description="Link Color"			 type="color" default="#000000" value="#cc0000">   <Variable name="hoverLinkColor" description="Link Hover Color"			 type="color" default="#88bb22" value="#940f04">   <Variable name="dateHeaderColor" description="Date Header Color"			 type="color" default="#555544" value="#555544">   <Variable name="sidebarHeaderColor" description="Sidebar Title Color"			 type="color" default="#555544" value="#000000">   <Variable name="sidebarTextColor" description="Sidebar Text Color"			 type="color" default="#555544" value="#000000">   <Variable name="bodyFont" description="Text Font" type="font"			 default="normal normal 100% tahoma, 'Trebuchet MS', lucida, helvetica, sans-serif" value="normal normal 100% Trebuchet, Trebuchet MS, Arial, sans-serif">   <Variable name="startSide" description="Start side in blog language"			 type="automatic" default="left" value="left">   <Variable name="endSide" description="End side in blog language"			 type="automatic" default="right" value="right">*//* Primary layout */body {  margin: 0;  padding: 0;  border: 0;  text-align: center;  color: $mainTextColor;  background: #000 url(http://img15.imageshack.us/img15/8214/outerwrapc.gif) top center repeat-y;  font-size: small;}img {  border: 0;  display: block;}.clear {   clear: both;}	/* Wrapper */#outer-wrapper {  margin: 0 auto;  border: 0;  width: 692px;  text-align: $startSide;  background: $mainBgColor url(http://www.blogblog.com/moto_son/innerwrap.gif) top $endSide repeat-y;  font: $bodyFont;}	/* Header */#header-wrapper	{  background: #8b2 url(http://img13.imageshack.us/img13/2391/headbotborderf.gif) bottom $startSide repeat-x;  margin: 0 auto;  padding-top: 0;  padding-$endSide: 0;  padding-bottom: 15px;  padding-$startSide: 0;  border: 0;}#header h1 {  text-align: $startSide;  font-size: 200%;  color: $pageHeaderColor;  margin: 0;  padding-top: 15px;  padding-$endSide: 20px;  padding-bottom: 0;  padding-$startSide: 20px;  background-image: url(http://www.blogblog.com/moto_son/topper.gif);  background-repeat: repeat-x;  background-position: top $startSide;}h1 a, h1 a:link, h1 a:visited {  color: $pageHeaderColor;}#header .description {  font-size: 110%;  text-align: $startSide;  padding-top: 3px;  padding-$endSide: 20px;  padding-bottom: 10px;  padding-$startSide: 23px;  margin: 0;  line-height:140%;  color: $blogDescriptionColor;}	/* Inner layout */#content-wrapper {  padding: 0 16px;}	#main {  width: 400px;  float: $startSide;  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */  overflow: hidden;	 /* fix for long non-text content breaking IE sidebar float */}#sidebar {  width: 226px;  float: $endSide;  color: $sidebarTextColor;  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */  overflow: hidden;	 /* fix for long non-text content breaking IE sidebar float */}	/* Bottom layout */#footer	{  clear: $startSide;  margin: 0;  padding: 0 20px;  border: 0;  text-align: $startSide;  border-top: 1px solid #f9f9f9;}	#footer .widget	{  text-align: $startSide;  margin: 0;  padding: 10px 0;  background-color: transparent;}/* Default links 	*/a:link, a:visited {  font-weight: bold;  text-decoration: none;  color: $linkColor;  background: transparent;}a:hover {  font-weight: bold;  text-decoration: underline;  color: $hoverLinkColor;  background: transparent;}a:active {  font-weight : bold;  text-decoration : none;  color: $hoverLinkColor;  background: transparent;}/* Typography */	.main p, .sidebar p, .post-body {  line-height: 140%;  margin-top: 5px;  margin-bottom: 1em;}.post-body blockquote {  line-height:1.3em;  }h2, h3, h4, h5	{  margin: 0;  padding: 0;}h2 {  font-size: 130%;}h2.date-header {  color: $dateHeaderColor;}.post h3 {  margin-top: 5px;  font-size: 120%;}.post-footer {   font-style: italic;}.sidebar h2 {   color: $sidebarHeaderColor;}.sidebar .widget {   margin-top: 12px;  margin-$endSide: 0;  margin-bottom: 13px;  margin-$startSide: 0;  padding: 0;}.main .widget {   margin-top: 12px;  margin-$endSide: 0;  margin-bottom: 0;  margin-$startSide: 0;}li  {  line-height: 160%;}.sidebar ul {   margin-$startSide: 0;  margin-top: 0;  padding-$startSide: 0;}.sidebar ul li {  list-style: disc url(http://www.blogblog.com/moto_son/diamond.gif) inside;  vertical-align: top;  padding: 0;  margin: 0;}.widget-content {   margin-top: 0.5em;}/* Profile ----------------------------------------------- */.profile-datablock {  margin-top: 3px;  margin-$endSide: 0;  margin-bottom: 5px;  margin-$startSide: 0;  line-height: 140%;}.profile-textblock {   margin-$startSide: 0;}.profile-img {   float: $startSide;  margin-top: 0;  margin-$endSide: 5px;  margin-bottom: 5px;  margin-$startSide: 0;  border:4px solid #8b2;}	#comments  {  border: 0;  border-top: 1px dashed #eed;  margin-top: 10px;  margin-$endSide: 0;  margin-bottom: 0;  margin-$startSide: 0;  padding: 0;}#comments h4	{  margin-top: 10px;  font-weight: normal;  font-style: italic;  text-transform: uppercase;  letter-spacing: 1px;}#comments dl dt 	{  font-weight: bold;  font-style: italic;  margin-top: 35px;  padding-top: 1px;  padding-$endSide: 0;  padding-bottom: 0;  padding-$startSide: 18px;  background: transparent url(http://www.blogblog.com/moto_son/commentbug.gif) top $startSide no-repeat;}#comments dl dd	{  padding: 0;  margin: 0;}.deleted-comment {  font-style:italic;  color:gray;}.feed-links {  clear: both;  line-height: 2.5em;}#blog-pager-newer-link {  float: $startSide;} #blog-pager-older-link {  float: $endSide;} #blog-pager {     text-align: center; }/** Page structure tweaks for layout editor wireframe */body#layout #outer-wrapper {   padding-top: 0;}body#layout #header,body#layout #content-wrapper,body#layout #footer {   padding: 0;}]]></b:skin>  </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='Manchester's Red Devils (Header)' type='Header'/></b:section>	</div> 	<div id='content-wrapper'>	  <div id='crosscol-wrapper' style='text-align:center'>		<b:section class='crosscol' id='crosscol' showaddelement='no'/>	  </div>	  <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' preferred='yes'><b:widget id='Followers1' locked='false' title='Followers' type='Followers'/><b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/><b:widget id='Profile1' locked='false' title='About Me' type='Profile'/></b:section>	  </div>	  <!-- spacer for skins that want sidebar and main to be the same height-->	  <div class='clear'> </div>	</div> <!-- end content-wrapper -->	<div id='footer-wrapper'>	  <b:section class='footer' id='footer'/>	</div>  </div></div> <!-- end outer-wrapper --></body></html>

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Create New...