Let’s start with padding. Below padding, you will see a slider or visual representation of the block with padding controls. You can set the padding for the horizontal and vertical sides separately by dragging the slider from 0 to XXL. You can also set a custom size by entering a custom value. You can use different units like pixels, percentages, or relative units. Click on Unlink sides to adjust padding for each side individually. That means you can disconnect the dimensions and update the padding for top, left, bottom and right separately. In the following example, I will select the Group block, make my way to Styles, and scroll down to Dimensions. Then I will use the horizontal slider and drag it to an extra large size to add more spacing at the top and the bottom of my Group block. Then, I will select my left Buttons block or call to action, open padding, and then add custom values to create more space around the text in my Buttons block.

Let’s start with padding. Below padding, you will see a slider or visual representation of the block with padding controls. You can set the padding for the horizontal and vertical sides separately by dragging the slider from 0 to XXL. You can also set a custom size by entering a custom value. You can use different units like pixels, percentages, or relative units. Click on Unlink sides to adjust padding for each side individually. That means you can disconnect the dimensions and update the padding for top, left, bottom and right separately. In the following example, I will select the Group block, make my way to Styles, and scroll down to Dimensions. Then I will use the horizontal slider and drag it to an extra large size to add more spacing at the top and the bottom of my Group block. Then, I will select my left Buttons block or call to action, open padding, and then add custom values to create more space around the text in my Buttons block.