Image Dimension Guide [Codeless]

Ela K Updated by Ela K

This article will showcase the recommended dimension for all the images across Codeless sections, modules, and pages.

Homepage Hero image

You can change your Homepage Hero image, by going to:

Homepage > Edit Homepage Hero > Edit Homepage Slideshow 

We have already prepared for you predefined packages with images of homes, scenes, and landscapes. You’re free to use, and you can be sure that your site will look beautiful with them! 

You can upload a logo of your choice by going to:

Design Options > Logos

Featured Content Cards - background image

It is important to provide a high quality image for Featured Content Card because depending on layout and the number of cards, they will spread differently.

Contact Details - photo

To add it go to:

General Options > Contact Details

The Contact Details image will appear in MODULE ABOUT, and on SOCIAL BAR at the top of the homepage.

Note that the recommended dimensions here are the same for both height and width.

PLAN ADVANCED AND ABOVE

It is important to provide a high quality image for Featured Content Card because depending on layout and the number of cards, they will spread differently.

Area slider
PLAN ADVANCED AND ABOVE

Note that the recommended dimensions here are the same for both height and width.
Blog post - featured image

Custom content - background image
PLAN ADVANCED AND ABOVE

Here, recommended image size depends on the Custom Content layout that you have chosen before.

Contact - image

Note that the recommended dimensions here are the same for both height and width.

Note that the recommended dimensions here are the same for both height and width.
Mortgage calculator - image

Note that the recommended dimensions here are the same for both height and width.

Landing page

Home valuation

Logo wall - logotypes
PLAN ADVANCED AND ABOVE

PLAN ADVANCED AND ABOVE

Call to action - background image
PLAN ADVANCED AND ABOVE

Module background - image
PLAN ADVANCED AND ABOVE

To change background go to:

Any Module Edition > Design Tab

How did we do?

Logging into your Placester Codeless Account [Codeless]

Changing your Global filter settings [Codeless]
#

Let experts do it for you

Visit our creative services marketplace to get on-demand help, on-time and on-budget.

Browse all Services
#

Are you looking for something different?

Didn't find an answer to your questions? Our support team is ready to help you.

Contact Support