Skip to content

Image sizes for themes and tools

For Core/Department Theme (2013)

  • For The Core/Department Theme
  • Post Featured (In Default Page Layout , 620, 0
  • Post Category (Sidebar List of other Posts in a category), 300, 0
  • Tour Guide and Advisors, 220 X 300
  • Plain Box, 280, 150
  • Card and product boxes use images with a 1.5 Width to Height ratio. The image width will be sized first and the height adjusted to match. Note: the box shortcode was designed to size the image for a 3 or 4 column layout.  Images will not size to fill a box in a 2 column layout - a Big Feaure post can be used to accomplish this .
  • Jumbo Post (1 Column)  460, 332
  • Big Feature Post (2 Columns), 460, 305
  • Stacked Posts (posts shortcode inside a column in a 2 column row), 180, 120
  • Stacked Posts (posts shortcode inside a column in a 3 column row), 100, 75
  • Posts 3 Columns, 300, 204
  • Posts 4 Columns, 220, 146
  • Directory Profile, 300, 300
  • Mega Menu Image from Post (in Widget Area), 260, 130
  • Carousel  Slide Default Page Layout, 620, 300
  • Carousel Slide Home Page, 0, 360
    • The image is vertically scaled to 360 and the width of the image is used up to the appropriate width
    • The Core Theme uses a 960 wide image
  •  The Department Theme uses a 980 wide image
When images are placed above the masthead tag, if a 1200X360 image is used, it will be horizontally and vertically scaled to fit

For Localist Calendar

The cropper at it’s largest is 200×150 (4:3). We don’t publish the cropper dimensions on the event form because it ends up being more confusing for most users. They try to pre-crop images to match the “optimal” dimensions when there’s really no optimal. We don’t discriminate on size (by design!) and photo uploads should be treated like Facebook: the bigger, the better. You can always adjust the cropping of the photo thumbnail afterwards if our auto-cropper doesn’t do it properly. Plus, while a cropped version of the picture is displayed initially, if you select the photo on the event details page then the entire image will come forward. The most common use we’ve seen of this is the top of a flyer image being displayed, but then when clicked the entire document is visible.

For more information about Localist Claendar view:

Feedback and Knowledge Base