Advanced Image

Content #

General

Image: Choose an image from the media library or upload a new image.

Call To Action

1. Type: Choose different types of CTA button which would appear overlay over the image: 

•    None: Disable CTA button
•    Text: Show CTA as a text link
•    Button: Show CTA as a button
•    Box: Make the entire image clickable and redirect to a link

Depending on the CTA type you choose, the following options may appear:

1. Text: Text for the button
2. Link: Link you want to redirect the button to a certain site/page

Style #

General

1. Content Alignment: Horizontal position (left, right, center) of the CTA button. Note that the CTA would appear only after hovering over the image.
2. Border Radius: Set roundness of the image
3. Overlay: Set Overlay over the image
4. Overlay Color: Set Overlay color over the image
5. Size: Increase or decrease the size of the image

Call To Action

Depending on the CTA type you choose, the following options may appear:

Text

1. Typography: Set the typography of the text
2. Color: Set the color of the text
3. Hover Color: Set the Hover color of the text

Button

1. Typography: Set the typography of the button text
2. Padding: Set the padding of the button
3. Border Type: Set the border of the button’s five borders
4. Border Radius: Set the roundness of the button
5. Box Shadow: Set the shadow effect of the button
6. Color: Set the color of the button text
7. Color Hover: Set the hover color of the button text
8. Background Type: Set the background color of the button