Aligning Images Left so text can wrap in sidebar
-
Hello, I’m interested in putting in smaller images in the sidebar so text can wrap around it. I’m assuming I gotta customize the CSS so that images auto align left in sidebar. I’m using the “text html” widget. I cant figure out how to do this. Can someone help.
Thanks,
The blog I need help with is: (visible only to logged in users)
-
You can specify all that in the text widget, and the easiest way to create the code is to do it in the visual editor and when done, you switch to the “text” tab, copy out the stuff and then paste it into a text widget.
http://en.support.wordpress.com/widgets/text-widget/
http://en.support.wordpress.com/links/text-widget-links/ -
@Rich: This will produce distorted or cropped images in bad browser versions, if the originals are oversized.
@runlinescanada: No, you don’t have to customize the CSS, because all the classes you might need are already there.
If the originals are in the right pixel dimensions, you write this in the widget:
<img class="alignleft" src="IMAGE URL HERE" alt="IMAGE DESCRIPTION HERE" />TEXT HERE
If the originals are larger, so you need to scale them down, you write this:
<img style="width:123px;" class="alignleft" src="IMAGE URL HERE" alt="IMAGE DESCRIPTION HERE" />TEXT HERE
(Naturally 123 is just an example.) -
And I should have mentioned that using an image editing application to downsize the images to the appropriate pixel dimensions gives better quality as well, so we’re even!
-
I’ll buy the first round of beers (or whatever you prefer to drink), and you can buy the second.
:)
-
-
- The topic ‘Aligning Images Left so text can wrap in sidebar’ is closed to new replies.