Add padding around a component

By default, no padding is added around components on your page, as illustrated in the image below. 

without_padding.png

To add custom padding to a component, hover over your selected component in the Page Builder, click the gear settings icon, and select the Design option:

GADdesign.png

 

Within the Spacing tab of the component's design window, add custom padding in pixels: 

padding.png

As you can see in the image below, the added padding will appear around the component on your live app.

with_padding.png