Adding padding to an image

So you have uploaded an image in your content area but the text is running right up to the image creating something that doesn't look so great.  Easy fix using some simple textile code.

You need to add a margin around the image.  Now depending on where the image is located on the page your code could change a bit but follow the simple guideline below for the code and you should be set.

image_margins.jpg

An example of this would be in the case that you have an image that is floating right on the page with some text wrapping around it.  Without adding a margin it might look like this:

before.jpg

 

Now I add {margin: 0 0 1em 1em;} to the image code so it looks like this:  !>{margin: 0 0 1em 1em;}/assets/2011/7/22/photo.jpg! 

after.jpg

 

The result is a much cleaner display of the photo and text.

 

We hope you found this information helpful.  If you have questions or comments please post to this topic.

Thanks,

Team Trabian

 

 

Have more questions? Submit a request

Comments

Powered by Zendesk