Editor : How to Set the Padding for a Product Image Element

Andrew B

This article will show how to change the padding on the Product Image 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:

  • A Product Image Element already created


How to set the padding for a Product Image Element:

  1. Inside the editor, hover your mouse over the Product Image 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 your Product Image 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.