{"id":164826,"date":"2021-10-14T10:02:56","date_gmt":"2021-10-14T14:02:56","guid":{"rendered":"https:\/\/optinmonster.com\/?post_type=optinmonster_docs&#038;p=164826"},"modified":"2025-08-14T09:20:42","modified_gmt":"2025-08-14T13:20:42","slug":"how-to-change-the-campaign-width","status":"publish","type":"optinmonster_docs","link":"https:\/\/optinmonster.com\/docs\/how-to-change-the-campaign-width\/","title":{"rendered":"How to Change the Campaign Width"},"content":{"rendered":"\n<p>You can easily control the appearance of your OptinMonster campaigns including changing the campaign width in the builder.<\/p>\n\n\n\n<p>In this article, you&#8217;ll learn how to change the campaign width.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Before You Start<\/h2>\n\n\n\n<p>Here are some things to know before you begin:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Changing the campaign width may require you adjust other settings in your campaign to achieve your desired design.<\/li>\n\n\n\n<li>The container width can be customized to a specific pixel or percentage value.<\/li>\n\n\n\n<li>On mobile devices all campaigns automatically adjust to fill 100% of the screen width regardless of the container width setting. If you wish to modify this you will want to <a href=\"https:\/\/optinmonster.com\/docs\/how-to-use-optinmonsters-custom-css-tool\/\" target=\"_blank\" rel=\"noopener\" title=\"\">use Custom CSS<\/a> to do so.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Change Container Width<\/h2>\n\n\n\n<p>To change the campaign width, follow these steps:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>In the&nbsp;<strong>Design<\/strong> view of the campaign builder, select the<strong>&nbsp;Settings<\/strong> icon.<br><img decoding=\"async\" width=\"800\" height=\"455\" class=\"alignnone size-large wp-image-170634\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/10\/click-settings-gear-OptinMonster.png\" alt=\"click settings gear\"><\/li>\n\n\n\n<li>From the <strong>Basic<\/strong> tab in the sidebar, expand the <strong>View Styling<\/strong> option and configure the&nbsp;<strong>Max<\/strong> <strong>Campaign Width<\/strong> setting.<br><img decoding=\"async\" width=\"800\" height=\"455\" class=\"alignnone size-large wp-image-170634\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/10\/change-campaign-width-OptinMonster.png\" alt=\"change campaign width\"><\/li>\n\n\n\n<li>(Optional) You can choose whether to apply the changes to all views of your campaign (Yes\/No, Optin, and Success) or just the current view by toggling the&nbsp;<strong>Global View Styling<\/strong> option in the same panel section.<br><img decoding=\"async\" width=\"800\" height=\"455\" class=\"alignnone size-large wp-image-170634\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/10\/toggle-global-view-styling-OptinMonster-OptinMonster.png\" alt=\"toggle global view styling\"><\/li>\n\n\n\n<li>When you&#8217;re finished, click&nbsp;<strong>Save<\/strong>.<\/li>\n<\/ol>\n\n\n","protected":false},"excerpt":{"rendered":"<p>You can easily control the appearance of your OptinMonster campaigns including changing the campaign width in the builder. In this article, you&#8217;ll learn how to change the campaign width. Before You Start Here are some things to know before you begin: Change Container Width To change the campaign width, follow these steps:<\/p>\n","protected":false},"author":4657,"comment_status":"open","ping_status":"closed","template":"","documentation\/categories":[11],"documentation\/tags":[31399,31409,31411],"class_list":["post-164826","optinmonster_docs","type-optinmonster_docs","status-publish","hentry","categories-functionality"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation\/164826","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=164826"}],"version-history":[{"count":6,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation\/164826\/revisions"}],"predecessor-version":[{"id":202815,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation\/164826\/revisions\/202815"}],"wp:attachment":[{"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/media?parent=164826"}],"wp:term":[{"taxonomy":"categories","embeddable":true,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation\/categories?post=164826"},{"taxonomy":"internal_tags","embeddable":true,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation\/tags?post=164826"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}