Creating an icon with a background container

Updated on May 21, 2023

How to show an icon in the container with some background

To create the icon, follow the steps below:


1.
 Follow the steps in the Icon Element article to add the icon to your page.

2. Configure the settings like shown below:

Content

Icon – Pick your desired icon.
Container – Enable this option.
Shape – Set the shape of the container to either a circle or a square.

Style

Color Type – Set this option to the solid.
Color – #f5875b
Size – 90px
Alignment – Center
Container Background Type – Classic
Container Color – #f4f4f4
Border Type – Dotter
Border Color – #f5875b

3. Configure the rest of the settings as you desire and publish or update the page.

Did this answer your question?