Uploaded images will be sized to best fit the image container. Use the photo editing tools available to adjust accordingly.
Below each image container there are three options for your text:
1. All Text Off Image
2. All Text On Image
3. Header Text On Image
If you choose #2 - All Text On Image - we highly recommend not putting too much text on your images. Here's why: When your site goes from desktop down to mobile your images have to size down & crop to fit on your phone. If we were to size down text in the same way we sized down images, the text would be way too small to see (see image below).
So if you have a lot of text for a particular section we recommend keeping all that text off the image. Text on images should be limited to a header, maybe some detail text and one or two buttons - that is what will look best on mobile.
When it comes to image sizes and proportions there is not a one size fits all approach, since we offer a multitude of options. Every page layout has a uniquely sized image that also comes with 3 height options. You can easily switch between section styles and image heights to find the best fit. Use the editing tools available to perfect the view of your image in the 'frame'.
It is best to assess your original image and then decide the best 'frame' or container. Here are examples of how your image will be sized and cropped in the various containers. Cover page images are treated in an entirely different manner — they are handled as poster images. This means that the image will fill the designated area on the screen no matter the size of the device or browser window. It is always best to keep the focal point of the image in the center to avoid cropping.
Yes! Every place on your site where you can put in image, you can put a video. Click on "Video" and add the embed code from YouTube or Vimeo.