The Image with text section makes it possible for you to add a nice section with a title, text and button block,
To activate this section you first have to add the section to your page. This can be done in a few small steps.
1) Click on 'add section' which can be found in your left sidebar
2) Scroll down, or search for 'Image with text', then click on 'Image with text'
3) Done, your 'Image with text' section is added.
General settings
The general settings contains the settings for the styling and layout of the 'Rich Text' section. Simply click on the 'section' to open the settings.
On the right sidebar, the following settings will show
Image:
Upload the image you want to use in this section
Image overlay opacity:
Set the opacity of the overlay.
0% is no overlay
100% is full color overlay
Color scheme:
Select the color scheme for the overlay color. You can select the color pallets here.
Layout:
As stated in the beginning, the section comes with 2 layouts.
Image left, content right:
The image will show on the left, your text and button show on the right.
Image right, content left:
The image will show on the right, your text and button show on the left.
Content position:
Set the position of the content within the image block (text + button)
Width:
Select the width of the section whether you want it to be boxed or fullwidth.
Height:
Control the section height, you can also check enable custom minimal height to give a minimum px height to the section.
Upload a different image on mobile and adjust the height different than the desktop.
Spacing
Bottom spacing desktop/mobile:
Set the spacing on the bottom for desktop and mobile.
That way you will get the amount of whitespace below the element you want. The default for desktop is 50px and the default for mobile is 30px.
How to configure the image with text content?
By default, there are 6 blocks added, you can edit them, remove them or add more blocks.
The following elements are added:
- Title
- Textfield
- 3x Information
- Buttons
2. How to remove a part of the section?
Don't want to use a certain element in the Rich Text section? Just remove them!
To remove a block you simply click on the block you want to remove in your sidebar on the left of your screen.
After you clicked the block, on the right of your screen the sidebar will open.
On the bottom left of this sidebar, the following button 'Remove block' shows.
Simply click on this button and your block will be deleted.