In Dialogue you can format pages with rows. Click on the gear icon of the row. You can format the row with the options of the Settings screen:
You can use the class to adjust the layout of the rows. Read more about the available CSS classes.
Background images
Under ‘Styles’, you can set a row background by choosing a color or adding an image.
- In ‘Background width’, choose whether the image should span the full width of the page or retain its original size.
- In ‘Background position’, you can define where the focus of the image should be. This ensures that part of the image always remains visible, even on smaller screens.
Image alignment
To position the image within the row, you can use the following options in ‘Class’:
-
background-position-left-top
-
background-position-left-center
-
background-position-left-bottom
-
background-position-right-top
-
background-position-right-center
-
background-position-right-bottom
-
background-position-center-top
-
background-position-center-center
-
background-position-center-bottom