Space, I need Some Space
If you're new here, why not subscribe to my RSS feed. Thanks for visiting!
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!
Comments
Bookmark this Post:6 Responses to “Space, I need Some Space”
Leave a Reply
-
-
Recommended
AWeber Host Unlimited Sites Wordtracker Free Trial Make Money with NetShops Earn $$ with WidgetBucks Got Traffic? Get Paid!
-
Blogroll
Subscribe
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 ;)
[...] I’ve been having spacing issues when it comes to inserting pictures in my posts on this template. The padding was not coming out right and I am by no means a css expert! I’m so used to doing everything in html that all this new css and web 2.0 and new geekery has been really rough on my geeky little brain. So, this morning while doing a quick blog browse (which I don’t have nearly enough time to these days) I noticed that Chrissie at Learning Geek was having a similar problem and found the solution! It took me two seconds to copy and paste the bit of code into my stylesheet and now we’re all properly padded as you can see in this week’s chart of the week below! Hooray [...]
Glad it helped out ;) I going crazy too before I figured it out!
[...] I’ve been having spacing issues when it comes to inserting pictures in my posts on this template. The padding was not coming out right and I am by no means a css expert! I’m so used to doing everything in html that all this new css and web 2.0 and new geekery has been really rough on my geeky little brain. So, this morning while doing a quick blog browse (which I don’t have nearly enough time to these days) I noticed that Chrissie at Learning Geek was having a similar problem and found the solution! It took me two seconds to copy and paste the bit of code into my stylesheet and now we’re all properly padded as you can see in this week’s chart of the week below! Hooray [...]
[...] A perfect example of something that helped me was a post she did about space and inserting photos into your blog posts. If your theme is stylesheet based and doesn’t have a class associated with images in it already you may have had a similar problem with the text butting up against the image when you align left or right. Even with hspace padding I was having this crazy thing happen. Then Chrissie posted about, because she was having the same problem, and I felt not so alone in the geeky world. I wasn’t the only one missing out on this bit of css code after all. And within two minutes of reading the post I fixed my problem just by copy and pasting. [...]
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!