By Jeff Suddaby on Tuesday, 25 March 2014
Posted in General Issues
Replies 4
Likes 0
Views 519
Votes 0
Hi,

re: http://communityvoicesin-westbroadway.org/index.php/stories-blog/entry/learning-to-listen

I was using the following css to float images to the left of text in the main blog entry. It worked fine.
/* Set css to float-left images on full blog entry pages */
#ezblog-body .blog-image-container {
/* text-align: left !important; */
float: left !important;
margin-right: 10px !important;
}


Then, I changed my template, copied the css over into the new template's custom.css file. But now it does not work. The image just stays centered at the top in the full blog entry.

Please advise. - Jeff.
hey jeff,
the reason why your image is centered, in the link you provided, is that there's a surrounding "div" with the style "text-align:center".
having that said and I guess you don't want to hack the markup try to add the following line to your template's css file - that should do the trick:


.blog-image {
float: left !important;
}


hope that helps
·
Tuesday, 25 March 2014 01:22
·
0 Likes
·
0 Votes
·
0 Comments
·
Perfect Alex. Thank you!

- Jeff.
·
Tuesday, 25 March 2014 01:39
·
0 Likes
·
0 Votes
·
0 Comments
·
you're welcome - great that your issue's solved
·
Tuesday, 25 March 2014 01:44
·
0 Likes
·
0 Votes
·
0 Comments
·
Thanks Alex!
·
Tuesday, 25 March 2014 02:58
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post