Text and Image Block

The Text and Image Block allows you to combine text over images. 

 

To add a Text & Image block, go to Block > Add > Text & Image

Screen_Shot_2019-03-22_at_16.40.05.png

Once this has been selected, the Text & Image block editor will appear

 

ti_block_added.gif

 

Text Tab

 

The text editor is similar to your Text Block. To change the text alignment, use the nine small boxes in the lower left corner.

 

ti_text_editor_.gif

 

To change the width and padding, use the sliders in the Text tab.

 

ti_text_box_width_and_padding.gif

 

To change the text box background, use the colour slider below the editor. You can also change the opacity of the background.

 

ti_colour_text_overlay.gif

 

Image Tab

 

To select an image, go to the Image Tab and click on 'Select Image'. Your Image Library will appear.

 

ti_to_go_image_tav.gif

 

To change the image alignment, click on the nine small icons on the right of the image tab.

 

ti_image_editor.gif

 

To change the image background colour, go to the colour picker. You can also change the opacity.

 

ti_colour_overlay.gif

 

Settings Tab

 

Click on settings to find the Height adjustment, Linking to a page, Mobile Text Reduction and more.

 

ti_to_setting_tab.gif

 

 To change the height of the banner, go to the Settings tab and adjust the height.

 

ti_height_of_banner.gif

 

Select save and you're good to go!

 

ti_save.gif