WordPress: Image Alignment In Code View Part II

This website/blog is written on a WordPress platform and that is why I am talking about image alignment in WordPress here.

I was reading Cheryl Johnson’s post WordPress-Image-Alignment-In-Code and thought that was a good way to align pictures. However, when I went to add another theme to my already list of twenty thousand themes in my wp-content themes folder I found a pretty slick way to make the images align a different way. I have learned a lot by going to Chuck Pearson’s blogsite.

He says the following:

Once you’re in the code view, the first thing you need to do is locate the img tag for the image that you want to change. You should find something that looks like this:

1. <img src=”http://path/to/your/image” />

To apply the proper image styling class, all you have to do is add the code shown in blue:

1. <img class=”left” src=”http://path/to/your/image” />

For those of you that are like me and like to see things visually I have inserted a little tutorial on how to accomplish this step. It may take a little while to load, please be patent

Due to the small frame view in the video make sure you use your scroll bar to scroll down as the video makes the scroll bar go to the top of the page and you might want to adjust the scroll bar if you can’t see parts of the video.

I hope you enjoyed this and I hope it works for you.