I have several blogs/product blogs. When aligning the image to the left, the text is always smashed up against the image. Being technically challenged, I was banging my head on the desk trying to figure out how to get a small gap of space between the text and the image. I finally found some code to help! I thought I would share incase anyone else is frustrated with this same problem.
The code is this: .photo {padding: 3px 15px 3px 0;}
How to apply the code: After inserting the CSS code to your style.css, next you need to apply this style to your images inside the post. You can do that easily by adding these two lines of codes inside your [img tag "align="left" class="photo"] as shown below:
[img src=’/images/image.jpg’ align=’left’ class=’photo’/]
Easy fix, for people that are technically challenged like myself. I can work around a template/css stylesheet but build it from scratch, not so much. They don’t call me the Template Queen for nothing ;) Unlike my good friend the WordPress Queen, whom masters WordPress, writes her own scripts and tons of other cool stuff ! I want to be just like her when I grow up!
{ 3 comments… read them below or add one }
I could kiss you right now! Seriously. I’ve been having issues with this on craft blog forever now and I was so used to using the html hspace=”4″ to put space around pics and that wasn’t working on this template and I like pictures in my posts! You have made blogging much easier for the day ;)
Glad it helped out ;) I going crazy too before I figured it out!
Thank you!!! do you know how LONG I have been trying to figure this out? I don’t do so much with it on my paid blogging blog; but I love love love mouse drawn graphics and such so I went back to the basics of why I love to blog, and have an “ad free” blog, where I use those mouse drawn graphics to my hearts content. BUT. I always hated the way the wording was right up against. More times than not, I would end up putting the graphic on the right side, but still, I KNEW there had to be a way to put it on the left WITH some space between it. Thank you!
{ 3 trackbacks }