Thoughts on Domino, Life and whatever else comes to mind
Controlling the size of images in the body in the Domino Blog
Denny Russell July 19 201009: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...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...
- Comments [4]
