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:
Themes compatible with Sections Layouts
Theme | 3-button layout | 4-button layout |
Kolbe | 475 x 480 | 355 x 480 |
Vita | 378 x 450 | 276 x 450 |
Eden | 375 x 441 | 268 x 441 |
Olivet | 410 x 300 | 302 x 200 |
San Juan | 350 x 545 | 248 x 545 |
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 | 365 x 248 | 261 x 248 |
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 | c 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 in the white Admin Toolbar at the top of the interface, then click Explore Themes. Your site's published theme will be marked with the green Published badge (pictured below).