May 18, 2008

Customize Tekka Blogger Theme

Focus of the post :- If you have used other blogger themes you must have noticed that there are different colors for the blog title,Post title and text color.In tekka there is only one main color as Text color,if you change the text color all of the three color changes.A search on google for editing tekka went in vain.Here is the code to change individual colors.I havent used the old blogger but it looks like tekka is an old blogger theme.Hope this works for you.

To change Blog Title color:-
body {
margin-top:0px;
margin-$endSide:0px;
margin-bottom:0px;

margin-$startSide:0px;
font-size: small;
background-color: $mainBgColor;
color: #003366;
}
To change Text color :-

.post {
padding-$startSide:20px;
margin-bottom:20px;
text-indent:10px;
padding-$endSide:20px;
line-height:22px;
color:#003366;
}
To change Post Title color:-

.post h3 a,
.post h3 a:visited {
color: $mainTextColor //Replace color:#003366;
}
To get a variable "Post Title color" in WYSIWYG section of Blogger( Font and Colors)I copied these variables from Minima dark theme and pasted it in tekka theme:-

Replace the following section:-
----------------------------------------------
.post h3 a,
.post h3 a:visited {
color: $mainTextColor
}
----------------------------------------------
Replace with this:-
----------------------------------------------
.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:$titlecolor;
font-weight:bold;
}
----------------------------------------------

Add this at starting of the tekka template:-
----------------------------------------------
Variable name="titlecolor" description="Post Title Color"
type="color" default="#ad9" value="#6699cc"
Add "<" and ">" before and after the above code respectively.
----------------------------------------------

2 comments:

Susie Hovendick Chan said...

yes, but how do you get the blog title to quit changing colors when you click on a link to a post?

Kili T said...

Hi, is there a way to extend de dashed line of the side bar up to the end of the main body instead of it ending on the bottom of the sidebar?

thak you!

Post a Comment