Editor : How to Set the Padding for an Icon Element

Andrew B

This article will show how to change the padding on the Icon element. Padding is used to create space around an element's content inside of any defined borders. There are sliders for setting the padding for each side of an element (top, bottom, and left and right).

Prior to getting started, you will need to have the following:

  • An Icon Element already created


How to set the padding for an Icon Element:

  1. Inside the editor, hover your mouse over the Icon Element and click on the gear cog icon to access its settings.

  2. When the element’s settings open to the right of the screen, scroll down to the Padding section.

  3. Spacing above the element can be added or removed by adjusting the Top slider left and right, or by manually entering the number of pixels wanted for spacing to the right of the slider.

  4. Spacing below the element can be added or removed by adjusting the Bottom slider left and right, or by manually entering the number of pixels wanted for spacing to the right of the slider.

  5. Spacing left or right of the element can be added or removed by adjusting the Left + Right slider left and right, or by manually entering the number of pixels wanted for spacing to the right of the slider.

  6. Congratulations! You now have changed the padding of the Icon Element!


If you have any questions about this, please contact our Support Team by clicking the Submit a Request button at the top right-hand corner of this page and then the Help button at the bottom left of the ClickFunnels Page.