![\"\"](\"https:\/\/optinmonster.com\/wp-content\/uploads\/2020\/09\/OM-Box-Model-Diagram.png\")
<\/li>\n\n\n\nIf you increase the padding, it will “push” your content into the middle of your box, away from your borders. If you remove the padding, your content will take up the entire box.
![\"\"](\"https:\/\/optinmonster.com\/wp-content\/uploads\/2020\/09\/OM-padding-and-no-padding.png\")
<\/li>\n\n\n\nIf you increase the margin, it will increase the space between this element and the ones next to it. If you remove your margin, there will be no extra space between your elements.
![\"\"](\"https:\/\/optinmonster.com\/wp-content\/uploads\/2020\/09\/OM-margin-and-no-margin-1.png\")
<\/li>\n<\/ul>\n\n\n\nElement Spacing<\/h2>\n\n\n\n
To edit the spacing for individual block elements, follow these steps:<\/p>\n\n\n\n
- \n
- From the Design<\/strong> view of the campaign builder click on the element you would like to edit then select the pencil icon<\/strong> for the Spacing option.
![\"\"](\"https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/10\/text-box-spacing-icon.png\")
<\/li>\n\n\n\n- Next, edit the Inner Spacing (Padding) <\/strong>and\/or Outer Spacing (Margin) <\/strong>as desired.
![\"\"](\"https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/10\/text-inner-and-outer-spacing.png\")
<\/li>\n\n\n\n- When you are finished, click Save.<\/strong><\/li>\n<\/ol>\n\n\n\n
Column or Row Spacing<\/h2>\n\n\n\n
To edit the spacing for columns or rows, follow these steps:<\/p>\n\n\n\n
- \n
- In the Design View<\/strong> of the builder, hover over the column or row you would like to edit and select the gear icon<\/strong>.
![\"row](\"https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/10\/row-settings-gear-OptinMonster.png\")
<\/li>\n\n\n\n- Within the Advanced<\/strong> tab select the pencil icon<\/strong> for the Spacing option and adjust the Inner Spacing (Padding) <\/strong>and\/or Outer Spacing (Margin)<\/strong> as desired.
![\"row](\"https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/10\/row-advanced-spacing-inner-outer-settings-OptinMonster.png\")
<\/li>\n\n\n\n- When you are finished, click Save.<\/strong><\/li>\n<\/ol>\n\n\n\n
Campaign Container Spacing<\/h2>\n\n\n\n
You can also apply Outer Spacing (Padding) to the main campaign container. This is what gives your campaign space around the edges, or removing the padding allows you to have your content completely fill the campaign.<\/p>\n\n\n\n
To edit the spacing for your campaign container, follow these steps:<\/p>\n\n\n\n
- \n
- In the Design<\/strong> view of the campaign builder, select the Settings<\/strong> icon.
![\"click](\"https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/10\/click-settings-gear-OptinMonster.png\")
<\/li>\n\n\n\n- Within the Advanced<\/strong> tab expand the View Styling<\/strong> option and select the pencil icon<\/strong> for the Spacing setting and edit the Inner Spacing (Padding)<\/strong> as desired.
![\"Edit](\"https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/09\/campaign-padding.jpg\")
<\/li>\n\n\n\n- (Optional) You can choose to apply the styling to all views (Yes\/No, Optin, Success) by toggling the Global View Styling?<\/strong> option from the same section.
![\"Apply](\"https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/09\/advanced-global-styles-option.jpg\")
<\/li>\n\n\n\n- When you are finished, click Save.<\/strong><\/li>\n<\/ol>\n\n\n","protected":false},"excerpt":{"rendered":"
OptinMonster makes it easy to remove or adjust the padding and margin when customizing the appearance of your campaign. In this article, you\u2019ll learn how to remove the padding or margins from any element in your campaign. Before You Start Here are some things to know before you begin: Element Spacing To edit the spacing …<\/p>\n","protected":false},"author":4657,"comment_status":"open","ping_status":"closed","template":"","documentation\/categories":[96],"documentation\/tags":[31399,31409,31411],"class_list":["post-89962","optinmonster_docs","type-optinmonster_docs","status-publish","hentry","categories-extending"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation\/89962","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation"}],"about":[{"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/types\/optinmonster_docs"}],"author":[{"embeddable":true,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/users\/4657"}],"replies":[{"embeddable":true,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/comments?post=89962"}],"version-history":[{"count":11,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation\/89962\/revisions"}],"predecessor-version":[{"id":202796,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation\/89962\/revisions\/202796"}],"wp:attachment":[{"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/media?parent=89962"}],"wp:term":[{"taxonomy":"categories","embeddable":true,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation\/categories?post=89962"},{"taxonomy":"internal_tags","embeddable":true,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation\/tags?post=89962"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
- Within the Advanced<\/strong> tab expand the View Styling<\/strong> option and select the pencil icon<\/strong> for the Spacing setting and edit the Inner Spacing (Padding)<\/strong> as desired.
- Within the Advanced<\/strong> tab select the pencil icon<\/strong> for the Spacing option and adjust the Inner Spacing (Padding) <\/strong>and\/or Outer Spacing (Margin)<\/strong> as desired.
- Next, edit the Inner Spacing (Padding) <\/strong>and\/or Outer Spacing (Margin) <\/strong>as desired.