Sunday 1 May 2011

Add image in front of post title (2)

This tutorial is for template from Template Designer.

Design -> Edit html Find this code below (ctrl+f)
h3.post-title {
It should look something like this , delete this code
h3.post-title {
  margin: 0;
  font: $(post.title.font);
}
Add the code below :-
h3.post-title {background-image: url(http://dl7.glitter-graphics.net/pub/1822/1822977ocowzh2qvg.gif);
background-repeat:no-repeat;
border: 0px double #FFFFFF;
margin-bottom: 6px;
font: $(post.title.font);padding: 10px 3px 15px 75px;
line-height: 2.0em;
text-transform:uppercase;
letter-spacing:.1em;
}
Change http://dl7.glitter-graphics.net/pub/1822/1822977ocowzh2qvg.gif with the link of the image you want.
Change the padding to align to suit the image you want.
Change the last padding if the image is far away from the image :)
PREVIEW until the image is align beside the title lastly "SAVE"

1 comment:

DENNIZ said...

thx... i did it :D