Sometimes when you add an image to your content it will overlap with your widgets or your picture box to the right. To avoid this from happening its best to make the max width of your image 475 pixels or less. You can of course resize any image using the HTML image code (when editing the post click HTML at the top and then find the (read the {} as <> since if I use proper HTML code WordPress will try to use it as regular HTML code):
{img src=”http://yourdomain.com…” alt=”my special picture” width=”800″ /}
and change the width=”" attribute to 475 however this has to negative effects, first it might distort your image and second the full size image still needs to be loaded. The better approach is to resize the image using an image manipulation software such as GIMP, see my resource page for details here.
If by reducing your image you lose to much detail then upload both images to your server, display the smaller version in your post and link the smaller version to the larger one using this code:
{a href=”http://your-domain.com/images/larger-image.jpg” target=”_blank”}
{img title=”Description of image or image title” src=”http://your-domain.com/images/smaller-image.jpg” alt=”hover over text” width=”400″ height=”300″ /}{/a}
Effect would be this:

and if you would like to see this with a caption then put this before the above code please read and replace {} with [] here:
{caption id=”" align=”alignnone” width=”400″ height=”315″ caption=”text under picture”}
code as above
{/caption} and effect is:
The Thesis theme is part and parcel when you purchase our content ready website, find out more here.
No related posts.
Related posts brought to you by Yet Another Related Posts Plugin.