Set border
Summary
A background image can use the border system. This allows for a certain section of the image to always be visible, while everything beyond these borders is used to fill the edges of the screen if the screen ratio mismatches the ratio of the image section.
For further details, see here.
How to
- Check the 'Does it have a border?`-box next to the image type. This will create two new rows of inputs.
- In the first row, enter the dimensions of the viewport
- For this example, use a width of
500pixels and a height of400pixels.
- For this example, use a width of
- The second row defines at what pixel of the image your
sectionstarts- For this example, use an X-position of
200pixels, and a Y-position of100pixels.
- For this example, use an X-position of
- These settings define that a section of
500x400pixels will always be visible, and this section starts at the coordinates(200, 100)of the base image. - The image above shows the editor window after entering the proper values.
- Save and preview the image again.