Icon with text


This feature allows you to create a block with an icon and text. Customize the content for the first item as follows:


Setting Description
Layout 
  • Horizontal 
  • Vertical

Content 


Setting Description
First icon  Choose an icon from the dropdown list to use for the first item.
First image  You can either select an image from the library or upload a new image to replace the default icons for the first item.
First heading  Enter the desired heading text for the first item in the provided field. You can further customize the heading using options in the top menu of the field, such as making it bold or italic.
Heading style

The heading style setting offers four options to choose different heading size with different font weight:

  • Body small
  • Body medium
  • H6
  • H5
  • H4
Heading color

The “Heading color” setting offers four options to customize the color scheme of the first heading:

  • Text main color
  • Text secondary color
  • Headings color
  • Headings secondary color
Second icon  Choose an icon from the dropdown list to use for the second item.
Second image  You can either select an image from the library or upload a new image to replace the default icons for the second item.
Second heading  Enter the desired heading text for the second item in the provided field. You can further customize the heading using options in the top menu of the field, such as making it bold or italic.
Heading style

The heading style setting offers four options to choose different heading size with different font weight:

  • Body small
  • Body medium
  • H6
  • H5
  • H4
Heading color

The “Heading color” setting offers four options to customize the color scheme of the second heading:

  • Text main color
  • Text secondary color
  • Headings color
  • Headings secondary color
Third icon  Choose an icon from the dropdown list to use for the third item.
Third image  You can either select an image from the library or upload a new image to replace the default icons for the third item.
Third heading Enter the desired heading text for the third item in the provided field. You can further customize the heading using options in the top menu of the field, such as making it bold or italic.
Heading style

The heading style setting offers four options to choose different heading size with different font weight:

  • Body small
  • Body medium
  • H6
  • H5
  • H4
Heading color

The “Heading color” setting offers four options to customize the color scheme of the third heading:

  • Text main color
  • Text secondary color
  • Headings color
  • Headings secondary color


Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us