Editing CSS of Smilies Army theme

  • Hi,

    I am using Smilies Army theme in my blog, and was trying to edit the CSS file to wrap/ flow text around my images. Can anybody help me to sort out this. It will be of very great help for me.

    Jinni

Viewing 1 replies (of 1 total)

  • There may be an easier way but I like css.

    You could set up specific css rules to control how text flows around an image depending on where you want the image to appear.

    Adjust the padding to suit your situation. I’ve applied both class and id attributes to each css rule so that you don’t have to worry about which you use, class or id on your images.

    #imglft, .imglft {
	float: left;
	padding: 5px;
	margin: 0;
}
#imgrht, .imgrht {
	float: right;
	padding: 5px;
	margin: 0;
}
#imgcnt, .imgcnt {
	margin-right: auto;
	margin-left: auto;
	padding: 5px;
	/* may need for IE */
	text-align: center;
}

    Then just apply it to any image. 

    <img class="imglft" src="/images/someimage.jpg" alt="" />

    That should do it.

Viewing 1 replies (of 1 total)
  • The topic ‘Editing CSS of Smilies Army theme’ is closed to new replies.