Custom button dimensions

With most free themes, you can use the Buttons module to create buttons with customized images in many free themes. The table below lists the specific button dimensions for each theme and layout.

Looking for the image dimensions of a different picture type?
Here are some other articles to help you find what you're looking for:

  1. Homepage feature region dimensions
  2. Interior page image dimensions
  3. Custom logo dimensions
  4. Custom logo with site name dimensions
  5. Thumbnail dimensions

Themes compatible with Sections Layouts

Theme 3-button layout 4-button layout
Cyprus 370 x 360 270 x 360
Damascus 350 x 330 248 x 330
Lucca 386 x 260 286 x 260
Sinai 305 x 216 213 x 216
Tabor 305 x 216 213 x 216
Moser 350 x 466 248 x 466
Cascia 412 x 254 294 x 254
Turin 350 x 218 248 x 218
Lorenzo 279 x 279 372 x 279
Verona 292 x 146 217 x 146
Loyola 324 x 189 238 x 189
Lourdes 321 x 265 229 x 184
Santiago Layout not available 255 x 185
Krakow Layout not available Custom images not available
Porres 308 x 200 Layout not available
Xavier 289 x 124  205 x 124 
Bethany 297 x 212  213 x 212 

Themes not compatible with Sections Layouts

Theme 3-button layout 4-button layout
Antioch 300 x 200  Layout not available
Sebastian 276 x 170 193 x 170
Chamblanc 313 x 180  Layout not available
Milan 308 x 200  Layout not available
Padua 308 x 200  225 x 200 
Clairvaux 287 x 196  208 x 196 
Guadalupe 301 x 196  217 x 196 
Carmel Layout not available
Layout not available
Siena Layout not available
Layout not available
Traditions 2.0 294 x 163  214 x 163 
Molokai 267 x 196  209 x 196 
Avila 304 x 196  221 x 196 
Assisi 307 x 196  224 x 196 
Lisieux 294 x 166  213 x 166 
Hippo 287 x 146  208 x 146 
Cupertino 294 x 146 213 x 146
Summit 305 x 150 Layout not available
Base 304 x 196 221 x 196

Looking to edit the images within your buttons?

Check out how to crop or resize photos in a button module by reading this Help Article: How to crop and resize images.

Identifying your site's theme

Not sure which theme your website is using? Log in and click Design Studio in the blue Admin Toolbar at the top of the interface, then click Change Theme. Your site's published theme will be marked with the green Published badge (pictured below).

Still need help? Contact Us Contact Us