{"id":203355,"date":"2023-10-17T14:31:25","date_gmt":"2023-10-17T18:31:25","guid":{"rendered":"https:\/\/optinmonster.com\/?p=203355&post_type=optinmonster_docs&preview_id=203355"},"modified":"2025-08-07T08:34:55","modified_gmt":"2025-08-07T12:34:55","slug":"how-to-add-a-spacer-block-to-your-optinmonster-campaign","status":"publish","type":"optinmonster_docs","link":"https:\/\/optinmonster.com\/docs\/how-to-add-a-spacer-block-to-your-optinmonster-campaign\/","title":{"rendered":"How to Add a Spacer Block to Your OptinMonster Campaign"},"content":{"rendered":"\n

OptinMonster makes it easy to customize the appearance of your campaigns, including adding a Spacer Block to extend the height of areas within your campaign.<\/p>\n\n\n\n

In this article, you’ll learn how to add a Spacer Block to your campaign.<\/p>\n\n\n\n

Add a Spacer Block<\/h2>\n\n\n\n
    \n
  1. In the campaign builder’s Design<\/strong> view, be sure the Home panel is visible in the left sidebar. If it is not, select the Home icon to return to the Home panel.
    \"Home<\/li>\n\n\n\n
  2. Click and drag the Spacer Block into the campaign’s design. Drop it where you would like for it to be placed.
    \"Add<\/li>\n\n\n\n
  3. To adjust the height of the spacer, drag the slider to the desired number of pixels in height. Height can range from 0px up to 500px.
    \"Change
    <\/li>\n\n\n\n
  4. When you’re finished,\u00a0Save<\/strong> the campaign.<\/li>\n<\/ol>\n\n\n\n

    Delete a Spacer Block<\/h2>\n\n\n\n

    To remove a Spacer Block from your campaign’s design, follow these steps:<\/p>\n\n\n\n

      \n
    1. Hover over the Spacer Block you wish to remove.<\/li>\n\n\n\n
    2. Select the trash icon.
      \"Delete<\/li>\n\n\n\n
    3. A modal will appear asking you to confirm if you’d like to delete the Text Block from your campaign. Select OK to confirm.
      \"Be<\/li>\n\n\n\n
    4. When you’re finished, Save<\/strong> the campaign.<\/li>\n<\/ol>\n\n\n\n

      Reposition a Spacer Block<\/h2>\n\n\n\n

      To move the Spacer Block to a different position, follow these steps:<\/p>\n\n\n\n

        \n
      1. Hover over the Spacer Block you wish to relocate.<\/li>\n\n\n\n
      2. Select the navigation icon and drag the Spacer Block into the new position.
        \"Reposition<\/li>\n\n\n\n
      3. When you’re finished, Save<\/strong> the campaign.<\/li>\n<\/ol>\n\n\n","protected":false},"excerpt":{"rendered":"

        OptinMonster makes it easy to customize the appearance of your campaigns, including adding a Spacer Block to extend the height of areas within your campaign. In this article, you’ll learn how to add a Spacer Block to your campaign. Add a Spacer Block Delete a Spacer Block To remove a Spacer Block from your campaign’s …<\/p>\n","protected":false},"author":19107,"comment_status":"open","ping_status":"closed","template":"","documentation\/categories":[8],"documentation\/tags":[31399,31409,31411,32089],"class_list":["post-203355","optinmonster_docs","type-optinmonster_docs","status-publish","hentry","categories-getting-started"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation\/203355","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\/19107"}],"replies":[{"embeddable":true,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/comments?post=203355"}],"version-history":[{"count":10,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation\/203355\/revisions"}],"predecessor-version":[{"id":203682,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation\/203355\/revisions\/203682"}],"wp:attachment":[{"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/media?parent=203355"}],"wp:term":[{"taxonomy":"categories","embeddable":true,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation\/categories?post=203355"},{"taxonomy":"internal_tags","embeddable":true,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation\/tags?post=203355"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}