❥ Cookie Valley: Add image in front of post title

Saturday 31 July 2010

Add image in front of post title

Design -> Edit html

Find this code below (ctrl+f)

.post h3 {

It should look something like this

.post h3 {
  margin:.25em 0 0;
  padding:0 0 4px;
  font-size:140%;
  font-weight:normal;
  line-height:1.4em;
  color:$titlecolor;
}

Add the code below to the code above:-

 .post h3 {
background-image: url(DIRECT LINK);
background-repeat:no-repeat;
border: 0px double #FFFFFF;
margin-bottom: 6px;
padding: 10px 3px 15px 75px;
line-height: 2.0em; 
text-transform:uppercase;
letter-spacing:.1em;
}

Change the DIRECT LINK with the link of the image you want.

Change the padding to align to suit the image you want.

PREVIEW until the image is align beside the title

lastly "SAVE"

5 comments:

ƨтɛρнιɛ ♥ said...: krystal, i cnt put wor... i really dun und larh... i knw i stupid...
T.T; 6 November 2010 at 05:10
Jiunn ’ s said...: me also can't; 21 March 2011 at 09:32
krystal ♥ said...: why can't ? >< you have to find image first in photobucket or glittery-graphics.com then copy the DIRECT link . In the code in the box , just delete the text which says "DIRECT LINK" then preview and then save :) if cannot I help u lar >< give me the image you want to put first .; 21 March 2011 at 22:12
Charlaine said...: i also can't==; 29 March 2011 at 14:28
krystal ♥ said...: why can't ? >< you can change the last padding code to make it nearer to the post title . try now lar :); 10 April 2011 at 10:02