Thoughts on Domino, Life and whatever else comes to mind

 Denny Russell
 
Site Resources
Archives
Blog Roll
Categories
 

Controlling the size of images in the body in the Domino Blog

Denny Russell   July 19 2010 09:42:13 AM
Many of us use the Domino Blog template and it's a great tool and it is very easy to customize this. Often, I see entries where the blogger places a screen shot in for visual help on the entry.  One thing you will find is if the image is too large, it scrolls of the right size and you lose your right side menu or even worse, the text around the entry like this...
Image:Controlling the size of images in the body in the Domino Blog

You've got several options for how to fix this.
1.  Remember to size down your images and make sure they don't cause scrolling. Way to much work in my opinion but an option.
2.  Add a simple entry to your Global.css file (found here in advanced > resources > stylesheets)
.entryBody img {
max-width:700px
}
Note1: I made my max width 700px because it worked for all my changes.  You may want to set your differently depending on what else you have customized.
Note2: You could also enter this directly in the design stylesheet (default.css) to mostly fix this.

The change now makes the same page look like this...
Image:Controlling the size of images in the body in the Domino Blog
  • Admin Thanks to Chris Miller and Connectria for hosting this blog.