Learning & Support


Styling: Custom Background Images

Twixl Support Team Updated: - Created :

    Did you know you can define a custom background image for your collections? This article shows you how!

    1. Watch a short 'How to' video…

    2. Working with Custom Background Images for your collections

    In addition to defining a background color for your collection, you can also use an image as the background. We provide a way to create a repository of images that you can use in the grid styles of your app.

    To upload your images, select 'Custom Background Images' from the app's top menu, then select 'Add Images'. In the drop zone, you can add one or more .jpg or .png files.

    Once you click 'Upload', these files can be used in the grid style editor. In the editor, Add or Edit a style. The images you uploaded will be available under the section 'Background Image'.

    If you select an image, you'll get a preview of the result (how much you'll see of the image will also be dependent on your padding settings).

    Because different grid styles can have a different background image, you can choose to use different backgrounds for different collections. You can also use different images for tablet / phone /  browser.

    Was this article helpful?

    0 out of 0 found this helpful