Advanced Image

Table of Contents

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

Powered by BetterDocs

Leave a Reply

Your email address will not be published. Required fields are marked *