Background Images

Recommended background settings

The display size and aspect ratio of your and your users' devices can have a significant impact on how the background is displayed.

When choosing a background image for your Showell Theme, it is recommended to use PNG or JPG file types. The long side of the background image should have a minimum of 2048 pixels.

It's important to keep the subject of the image centered because the background image sides might get cropped depending on the device being used. For example:

• iPads have a 4:3 ratio with dimensions of 2048 x 1536 pixels
• Laptops and monitors have varying aspect ratios depending on the Showell window size chosen by the user
• Phones can have ratios between 16:9 and 20:9 with dimensions of 2048 x 1152/922 pixels.

How to add a background image

1. In the Showell App for Web, Open 'Edit'-Mode and navigate to the top-level folder you'd like to provide with a background/wallpaper.
2. Open the top-level folder Settings
3. Under 'Wallpaper', you can choose Portrait/Landscape:
   • Portrait: This is the background option for devices, such as mobile phones, in vertical position.
   • Landscape: This is the background option for devices, such as a laptops, in horizontal position.
4. Click the 'Change Image'-button:
   • Upload image: Upload a new thumbnail image of choice
   • Select from gallery: Select a thumbnail uploaded to your Application Resources, or then navigate in your content structure to select the right image
   • Edit image: Crop the thumbnail
   • Remove image: Remove the current thumbnail
5. Once you are done with one of the above actions, the changes will be auto-saved

Showell Admin: How to add a background image

1. Open Showell Admin
2. Click Files in the top menu bar > Select a top-level folder and click Settings in the top right corner
3. You’ll see 2 background options.
   • Portrait: This is the background option for devices, such as mobile phones, in vertical position.
   • Landscape: This is the background option for devices, such as a laptops, in horizontal position.
4. Under the image, there is a drop-down menu where you’ll find options to:
   • Upload from your computer
   • Select from gallery: Showell offers some basic backgrounds to choose from. However, you can add your own background images within the Application resources.
   • Remove Image
5. After selecting the images click ✔️Save changes