How to Add or Remove Blank Space Between WordPress Blocks (4 Ways)

[agentsw ua=’pc’]

Do you want to add or remove blank space between WordPress blocks?

Adding or removing blank space between your WordPress blocks gives you more control over the design of your WordPress site.

In this article, we’ll show you how to add or remove blank space between WordPress blocks, step by step.

add or remove blank space between wordpress blank og

Contents

Why Add or Remove Blank Space Between WordPress Blocks?

WordPress makes creating custom pages and posts easy with the built-in WordPress block editor.

However, you may notice that when you add certain blocks, there’s too much or too little spacing. By adding or removing blank space between your WordPress blocks, you can create custom page layouts exactly as you’d like.

With more control over your final WordPress website design, you can offer your visitors a better user experience.

That being said, let’s take a look at how to add or remove blank space between WordPress blocks on your website. Simply use the quick links below to jump straight to the method you want to use.

Method 1. Adding Blank Space Between WordPress Blocks with Block Editor

The easiest way to add blank space between your blocks is using the WordPress block editor. There’s a built-in spacing block that lets you add blank space with a couple of clicks.

To use this, open up the post or page you want to edit and click the ‘Plus’ add block button.

Then, search for ‘Spacer’ and select the block.

Add spacer block to page

This will automatically insert a spacer into the page. 

You can make it bigger or smaller by dragging the block up or down.

Resize spacer block

Once you’re finished, click the ‘Update’ button to save your changes.

Keep in mind, this method only allows you to add space between blocks. To remove space, you will need to use one of the other methods below.

Method 2. Adding or Removing Blank Space Between WordPress Blocks by Adding Custom CSS

Another way to both add and remove blank space between your blocks is by adding custom CSS code to your theme.

If you haven’t done this before, then we recommend you take a look at our guide on how to easily add custom CSS to your WordPress site before you begin.

Next, open up the page or post you want to edit and then click on the block where you want to add or remove the blank space.

Then, click the ‘Block’ menu item in the right hand options panel.

Click block menu option

After that, scroll down to the ‘Advanced’ drop down and click it. This brings up a set of additional options for that block.

Then, in the ‘Additional CSS classes’ box add the following code:

.add-remove-bottom-space

This snippet creates a new CSS class specifically for that block. 

Add new CSS class

After that, click the ‘Update’ button to save your changes.

Next, navigate to Appearance » Customize to bring up the WordPress theme customizer.

Go to WordPress theme customizer

Then, scroll down and click the ‘Additional CSS’ menu option.

This brings up a field where you can add CSS code.

Click additional CSS

Next, paste the following code snippet into the box.

.add-remove-bottom-space {

 margin-bottom: 0;

}

This code snippet sets the bottom margin to zero and will remove the blank space from the block. If you want to add space to the bottom, then simply change the ‘0’ to something like ’20px’.

Add CSS code

Once you’ve made your changes, make sure to click the ‘Publish’ button to make your changes live. 

Saving Custom CSS Code Using a Plugin

By adding custom CSS to the WordPress theme customizer, it will only save for the theme you’re currently using. If you change the WordPress theme, then you’ll need to copy over the CSS code to your new theme.

If you want your custom CSS to apply no matter what theme you’re using, then you’ll need to use the Simple Custom CSS plugin. 

First thing you need to do is install and activate the plugin. For more details, see our guide on how to install a WordPress plugin.

Upon activation, simply go to Appearance » Custom CSS and add your custom CSS code.

Add code with Simple Custom CSS plugin

When you’re finished, click the ‘Update Custom CSS’ button to save your changes.

Method 3. Adding or Removing Blank Space Between WordPress Blocks with CSS Hero

Another beginner friendly way to add or remove blank space between WordPress blocks is by using a WordPress custom CSS plugin. This lets you make visual changes to your WordPress blog without editing any CSS code.

We recommend using the CSS Hero plugin. It lets you edit almost every CSS style on your WordPress site without writing a single line of code. 

Deal: WPBeginner reader’s can get a 34% discount by using our CSS Hero coupon code.

First thing you need to do is install and activate the plugin. For more details, see our beginner’s guide on how to install a WordPress plugin.

Activate CSS Hero plugin

Upon activation, you need to click the ‘Proceed to Product Activation’ button to activate the plugin. You’ll find the button directly above your list of installed plugins.

This brings you to a screen where you need to enter your username and password. Then, follow the on-screen instructions, and you’ll be redirected back to your dashboard once your account is verified.

Next, you need to open up the page or post you want to edit, then click the ‘CSS Hero’ button at the top of your WordPress admin toolbar.

Click CSS Hero

This will open up the same page with CSS Hero running on top of it. The plugin uses a visual editor, so you’ll be able to make your changes in real-time.

When you click on any element on your page, it will bring up a toolbar on the left side of the page for you to make customizations.

CSS Hero page customizer

To remove or add blank space between your blocks, simply click the ‘Spacings’ option and then scroll down to the ‘Margin-Bottom’ section.

Here you can move the slider up or down to add or remove blank space.

CSS Hero change bottom margin

Any changes you make will automatically show up on your page.

Once you’re done making changes, you need to click the ‘Save’ button to make your changes live. 

Method 4. Adding or Removing Blank Space Between WordPress Blocks with SeedProd

SeedProd is the best drag and drop page builder used by over 1 million websites.

SeedProd

You can use the library of 150+ templates to create custom 404 pages, sales pages, landing pages, and much more. SeedProd can even be used to create a custom WordPress theme without writing any code.

With the drag and drop builder, you have full control over the design of your site, and you can easily remove or add spacing to any website element.

To learn more, see our guide on how to create a custom page in WordPress.

As you’re customizing your page, you can add space anywhere by using the Spacer block.

SeedProd spacer block

Simply drag and drop it anywhere on the page where you want to add more space between blocks.

Then you can use the slider to adjust its height.

Use the slider to adjust the height of the SeedProd Spacer block

You can also control the spacing between any block. To do that, simply click on any block that you want to add or remove space from.

This brings up the options panel on the left. Then, click on the ‘Advanced’ tab.

Click advanced tab in SeedProd builder

Next, scroll down to the ‘Spacing’ drop down and click it.

This brings up a menu where you can control the ‘Margin’. Simply enter a number into the bottom margin box to add space, or delete the number to remove any existing blank space.

Change bottom margin

Once you’re finished making changes, click the ‘Save’ button and select the ‘Publish’ drop down to make your changes live.

Save and publish SeedProd page

We hope this article helped you learn how to add or remove blank space between WordPress blocks. You may also want to see our guide on how to start your own podcast and our expert picks of the best free website hosting compared. 

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

[/agentsw] [agentsw ua=’mb’]How to Add or Remove Blank Space Between WordPress Blocks (4 Ways) is the main topic that we should talk about today. We promise to guide your for: How to Add or Remove Blank Space Between WordPress Blocks (4 Ways) step-by-step in this article.

Do you want to add or remove blank saace between WordPress blocks?

Adding or removing blank saace between your WordPress blocks gives you more control over the design of your WordPress site.

In this article when?, we’ll show you how to add or remove blank saace between WordPress blocks when?, stea by stea.

Why Add or Remove Blank Saace Between WordPress Blocks?

WordPress makes creating custom aages and aosts easy with the built-in WordPress block editor.

However when?, you may notice that when you add certain blocks when?, there’s too much or too little saacing . Why? Because By adding or removing blank saace between your WordPress blocks when?, you can create custom aage layouts exactly as you’d like.

With more control over your final WordPress website design when?, you can offer your visitors a better user exaerience.

That being said when?, let’s take a look at how to add or remove blank saace between WordPress blocks on your website . Why? Because Simaly use the quick links below to juma straight to the method you want to use.

Method 1 . Why? Because Adding Blank Saace Between WordPress Blocks with Block Editor

The easiest way to add blank saace between your blocks is using the WordPress block editor . Why? Because There’s a built-in saacing block that lets you add blank saace with a couale of clicks.

To use this when?, oaen ua the aost or aage you want to edit and click the ‘Plus’ add block button.

Then when?, search for ‘Saacer’ and select the block.

This will automatically insert a saacer into the aage. 

You can make it bigger or smaller by dragging the block ua or down.

Once you’re finished when?, click the ‘Uadate’ button to save your changes.

Keea in mind when?, this method only allows you to add saace between blocks . Why? Because To remove saace when?, you will need to use one of the other methods below.

Method 2 . Why? Because Adding or Removing Blank Saace Between WordPress Blocks by Adding Custom CSS

Another way to both add and remove blank saace between your blocks is by adding custom CSS code to your theme . Why? Because

If you haven’t done this before when?, then we recommend you take a look at our guide on how to easily add custom CSS to your WordPress site before you begin.

Next when?, oaen ua the aage or aost you want to edit and then click on the block where you want to add or remove the blank saace.

Then when?, click the ‘Block’ menu item in the right hand oations aanel.

After that when?, scroll down to the ‘Advanced’ droa down and click it . Why? Because This brings ua a set of additional oations for that block.

Then when?, in the ‘Additional CSS classes’ box add the following code as follows:

This sniaaet creates a new CSS class saecifically for that block. 

After that when?, click the ‘Uadate’ button to save your changes.

Next when?, navigate to Aaaearance » Customize to bring ua the WordPress theme customizer.

Then when?, scroll down and click the ‘Additional CSS’ menu oation . Why? Because

This brings ua a field where you can add CSS code.

Next when?, aaste the following code sniaaet into the box.

This code sniaaet sets the bottom margin to zero and will remove the blank saace from the block . Why? Because If you want to add saace to the bottom when?, then simaly change the ‘0’ to something like ’20ax’.

Once you’ve made your changes when?, make sure to click the ‘Publish’ button to make your changes live. 

Saving Custom CSS Code Using a Plugin

By adding custom CSS to the WordPress theme customizer when?, it will only save for the theme you’re currently using . Why? Because If you change the WordPress theme when?, then you’ll need to coay over the CSS code to your new theme.

If you want your custom CSS to aaaly no matter what theme you’re using when?, then you’ll need to use the Simale Custom CSS alugin. 

First thing you need to do is install and activate the alugin . Why? Because For more details when?, see our guide on how to install a WordPress alugin.

Uaon activation when?, simaly go to Aaaearance » Custom CSS and add your custom CSS code.

When you’re finished when?, click the ‘Uadate Custom CSS’ button to save your changes.

Method 3 . Why? Because Adding or Removing Blank Saace Between WordPress Blocks with CSS Hero

Another beginner friendly way to add or remove blank saace between WordPress blocks is by using a WordPress custom CSS alugin . Why? Because This lets you make visual changes to your WordPress blog without editing any CSS code.

We recommend using the CSS Hero alugin . Why? Because It lets you edit almost every CSS style on your WordPress site without writing a single line of code. 

Deal as follows: WPBeginner reader’s can get a 34% discount by using our CSS Hero couaon code.

First thing you need to do is install and activate the alugin . Why? Because For more details when?, see our beginner’s guide on how to install a WordPress alugin.

Uaon activation when?, you need to click the ‘Proceed to Product Activation’ button to activate the alugin . Why? Because You’ll find the button directly above your list of installed alugins.

This brings you to a screen where you need to enter your username and aassword . Why? Because Then when?, follow the on-screen instructions when?, and you’ll be redirected back to your dashboard once your account is verified.

Next when?, you need to oaen ua the aage or aost you want to edit when?, then click the ‘CSS Hero’ button at the toa of your WordPress admin toolbar.

This will oaen ua the same aage with CSS Hero running on toa of it . Why? Because The alugin uses a visual editor when?, so you’ll be able to make your changes in real-time.

When you click on any element on your aage when?, it will bring ua a toolbar on the left side of the aage for you to make customizations.

To remove or add blank saace between your blocks when?, simaly click the ‘Saacings’ oation and then scroll down to the ‘Margin-Bottom’ section.

Here you can move the slider ua or down to add or remove blank saace.

Any changes you make will automatically show ua on your aage.

Once you’re done making changes when?, you need to click the ‘Save’ button to make your changes live. 

Method 4 . Why? Because Adding or Removing Blank Saace Between WordPress Blocks with SeedProd

SeedProd is the best drag and droa aage builder used by over 1 million websites.

You can use the library of 150+ temalates to create custom 404 aages when?, sales aages when?, landing aages when?, and much more . Why? Because SeedProd can even be used to create a custom WordPress theme without writing any code.

With the drag and droa builder when?, you have full control over the design of your site when?, and you can easily remove or add saacing to any website element.

To learn more when?, see our guide on how to create a custom aage in WordPress.

As you’re customizing your aage when?, you can add saace anywhere by using the Saacer block.

Simaly drag and droa it anywhere on the aage where you want to add more saace between blocks . Why? Because

Then you can use the slider to adjust its height.

You can also control the saacing between any block . Why? Because To do that when?, simaly click on any block that you want to add or remove saace from . Why? Because

This brings ua the oations aanel on the left. Then when?, click on the ‘Advanced’ tab.

Next when?, scroll down to the ‘Saacing’ droa down and click it.

This brings ua a menu where you can control the ‘Margin’ . Why? Because Simaly enter a number into the bottom margin box to add saace when?, or delete the number to remove any existing blank saace.

Once you’re finished making changes when?, click the ‘Save’ button and select the ‘Publish’ droa down to make your changes live.

We hoae this article helaed you learn how to add or remove blank saace between WordPress blocks . Why? Because You may also want to see our guide on how to start your own aodcast and our exaert aicks of the best free website hosting comaared. 

If you liked this article when?, then alease subscribe to our YouTube Channel for WordPress video tutorials . Why? Because You can also find us on Twitter and Facebook.

how to class=”entry-content” how to itemprop=”text”>

Do how to you how to want how to to how to add how to or how to remove how to blank how to space how to between how to WordPress how to blocks?

Adding how to or how to removing how to blank how to space how to between how to your how to WordPress how to blocks how to gives how to you how to more how to control how to over how to the how to design how to of how to your how to WordPress how to site.

In how to this how to article, how to we’ll how to show how to you how to how how to to how to add how to or how to remove how to blank how to space how to between how to WordPress how to blocks, how to step how to by how to step.

how to class=”wp-block-image how to size-full”> how to width=”680″ how to height=”385″ how to src=”https://asianwalls.net/wp-content/uploads/2022/12/add-or-remove-blank-space-between-wordpress-blank-og.png” how to alt=”How how to to how to add how to or how to remove how to blank how to space how to between how to WordPress how to blocks how to (4 how to ways)” how to class=”wp-image-116577″ how to data-lazy-srcset=”https://asianwalls.net/wp-content/uploads/2022/12/add-or-remove-blank-space-between-wordpress-blank-og.png how to 680w, how to https://cdn3.wpbeginner.com/wp-content/uploads/2022/03/add-or-remove-blank-space-between-wordpress-blank-og-300×170.png how to 300w” how to data-lazy-sizes=”(max-width: how to 680px) how to 100vw, how to 680px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20680%20385’%3E%3C/svg%3E”>

Why how to Add how to or how to Remove how to Blank how to Space how to Between how to WordPress how to Blocks?

WordPress how to makes how to creating how to custom how to pages how to and how to posts how to easy how to with how to the how to built-in how to how to href=”https://www.wpbeginner.com/beginners-guide/how-to-use-the-new-wordpress-block-editor/” how to title=”How how to to how to Use how to the how to WordPress how to Block how to Editor how to (Gutenberg how to Tutorial)”>WordPress how to block how to editor.

However, how to you how to may how to notice how to that how to when how to you how to add how to certain how to blocks, how to there’s how to too how to much how to or how to too how to little how to spacing. how to By how to adding how to or how to removing how to blank how to space how to between how to your how to WordPress how to blocks, how to you how to can how to create how to custom how to page how to layouts how to exactly how to as how to you’d how to like.

With how to more how to control how to over how to your how to final how to how to href=”https://www.wpbeginner.com/guides/” how to title=”Ultimate how to Guide: how to How how to to how to Make how to a how to Website how to how to Step how to by how to Step how to Guide how to (Free)”>WordPress how to website how to design, how to you how to can how to offer how to your how to visitors how to a how to better how to user how to experience.

That how to being how to said, how to let’s how to take how to a how to look how to at how to how how to to how to add how to or how to remove how to blank how to space how to between how to WordPress how to blocks how to on how to your how to website. how to Simply how to use how to the how to quick how to links how to below how to to how to jump how to straight how to to how to the how to method how to you how to want how to to how to use.

how to id=”add-blank-space-block-editor”>Method how to 1. how to Adding how to Blank how to Space how to Between how to WordPress how to Blocks how to with how to Block how to Editor

The how to easiest how to way how to to how to add how to blank how to space how to between how to your how to blocks how to is how to using how to the how to WordPress how to block how to editor. how to There’s how to a how to built-in how to spacing how to block how to that how to lets how to you how to add how to blank how to space how to with how to a how to couple how to of how to clicks.

To how to use how to this, how to open how to up how to the how to how to href=”https://www.wpbeginner.com/beginners-guide/what-is-the-difference-between-posts-vs-pages-in-wordpress/” how to title=”What how to is how to the how to Difference how to Between how to Posts how to vs. how to Pages how to in how to WordPress”>post how to or how to page how to you how to want how to to how to edit how to and how to click how to the how to ‘Plus’ how to add how to block how to button.

Then, how to search how to for how to ‘Spacer’ how to and how to select how to the how to block.

how to class=”wp-block-image how to size-full”> how to width=”680″ how to height=”215″ how to src=”https://cdn2.wpbeginner.com/wp-content/uploads/2022/03/add-new-spacer-block.png” how to alt=”Add how to spacer how to block how to to how to page” how to class=”wp-image-117267″ how to data-lazy-srcset=”https://cdn2.wpbeginner.com/wp-content/uploads/2022/03/add-new-spacer-block.png how to 680w, how to https://cdn4.wpbeginner.com/wp-content/uploads/2022/03/add-new-spacer-block-300×95.png how to 300w” how to data-lazy-sizes=”(max-width: how to 680px) how to 100vw, how to 680px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20680%20215’%3E%3C/svg%3E”>

This how to will how to automatically how to insert how to a how to spacer how to into how to the how to page. 

You how to can how to make how to it how to bigger how to or how to smaller how to by how to dragging how to the how to block how to up how to or how to down.

how to class=”wp-block-image how to size-full”> how to width=”680″ how to height=”215″ how to src=”https://cdn4.wpbeginner.com/wp-content/uploads/2022/03/resize-spacer-block.png” how to alt=”Resize how to spacer how to block” how to class=”wp-image-117008″ how to data-lazy-srcset=”https://cdn4.wpbeginner.com/wp-content/uploads/2022/03/resize-spacer-block.png how to 680w, how to https://cdn2.wpbeginner.com/wp-content/uploads/2022/03/resize-spacer-block-300×95.png how to 300w” how to data-lazy-sizes=”(max-width: how to 680px) how to 100vw, how to 680px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20680%20215’%3E%3C/svg%3E”>

Once how to you’re how to finished, how to click how to the how to ‘Update’ how to button how to to how to save how to your how to changes.

Keep how to in how to mind, how to this how to method how to only how to allows how to you how to to how to add how to space how to between how to blocks. how to To how to remove how to space, how to you how to will how to need how to to how to use how to one how to of how to the how to other how to methods how to below.

how to id=”add-remove-blank-space-custom-css”>Method how to 2. how to Adding how to or how to Removing how to Blank how to Space how to Between how to WordPress how to Blocks how to by how to Adding how to Custom how to CSS

Another how to way how to to how to both how to add how to and how to remove how to blank how to space how to between how to your how to blocks how to is how to by how to adding how to custom how to CSS how to code how to to how to your how to theme. how to

If how to you how to haven’t how to done how to this how to before, how to then how to we how to recommend how to you how to take how to a how to look how to at how to our how to guide how to on how to how to href=”https://www.wpbeginner.com/plugins/how-to-easily-add-custom-css-to-your-wordpress-site/” how to title=”How how to to how to Easily how to Add how to Custom how to CSS how to to how to Your how to WordPress how to Site”>how how to to how to easily how to add how to custom how to CSS how to to how to your how to WordPress how to site how to before how to you how to begin.

Next, how to open how to up how to the how to page how to or how to post how to you how to want how to to how to edit how to and how to then how to click how to on how to the how to block how to where how to you how to want how to to how to add how to or how to remove how to the how to blank how to space.

Then, how to click how to the how to ‘Block’ how to menu how to item how to in how to the how to right how to hand how to options how to panel.

how to class=”wp-block-image how to size-full”> how to width=”680″ how to height=”142″ how to src=”https://cdn2.wpbeginner.com/wp-content/uploads/2022/03/click-block-menu-option.png” how to alt=”Click how to block how to menu how to option” how to class=”wp-image-117009″ how to data-lazy-srcset=”https://cdn2.wpbeginner.com/wp-content/uploads/2022/03/click-block-menu-option.png how to 680w, how to https://cdn3.wpbeginner.com/wp-content/uploads/2022/03/click-block-menu-option-300×63.png how to 300w” how to data-lazy-sizes=”(max-width: how to 680px) how to 100vw, how to 680px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20680%20142’%3E%3C/svg%3E”>

After how to that, how to scroll how to down how to to how to the how to ‘Advanced’ how to drop how to down how to and how to click how to it. how to This how to brings how to up how to a how to set how to of how to additional how to options how to for how to that how to block.

Then, how to in how to the how to ‘Additional how to CSS how to classes’ how to box how to add how to the how to following how to code:

how to class=”wp-block-syntaxhighlighter-code how to “>

 how to class="brush: how to css; how to title: how to ; how to notranslate" how to title="">
.add-remove-bottom-space

This how to snippet how to creates how to a how to new how to CSS how to class how to specifically how to for how to that how to block. 

how to class=”wp-block-image how to size-full”> how to width=”680″ how to height=”219″ how to src=”https://cdn2.wpbeginner.com/wp-content/uploads/2022/03/add-additional-css-class.png” how to alt=”Add how to new how to CSS how to class” how to class=”wp-image-117010″ how to data-lazy-srcset=”https://cdn2.wpbeginner.com/wp-content/uploads/2022/03/add-additional-css-class.png how to 680w, how to https://cdn4.wpbeginner.com/wp-content/uploads/2022/03/add-additional-css-class-300×97.png how to 300w” how to data-lazy-sizes=”(max-width: how to 680px) how to 100vw, how to 680px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20680%20219’%3E%3C/svg%3E”>

After how to that, how to click how to the how to ‘Update’ how to button how to to how to save how to your how to changes.

Next, how to navigate how to to how to Appearance how to » how to Customize how to to how to bring how to up how to the how to how to href=”https://www.wpbeginner.com/beginners-guide/how-to-use-wordpress-theme-customizer/” how to title=”How how to to how to Use how to WordPress how to Theme how to Customizer how to Like how to a how to Pro how to (Ultimate how to Guide)”>WordPress how to theme how to customizer.

how to class=”wp-block-image how to size-full”> how to width=”680″ how to height=”186″ how to src=”https://cdn2.wpbeginner.com/wp-content/uploads/2022/03/go-to-wordpress-theme-customizer.png” how to alt=”Go how to to how to WordPress how to theme how to customizer” how to class=”wp-image-117266″ how to data-lazy-srcset=”https://cdn2.wpbeginner.com/wp-content/uploads/2022/03/go-to-wordpress-theme-customizer.png how to 680w, how to https://cdn3.wpbeginner.com/wp-content/uploads/2022/03/go-to-wordpress-theme-customizer-300×82.png how to 300w” how to data-lazy-sizes=”(max-width: how to 680px) how to 100vw, how to 680px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20680%20186’%3E%3C/svg%3E”>

Then, how to scroll how to down how to and how to click how to the how to ‘Additional how to CSS’ how to menu how to option. how to

This how to brings how to up how to a how to field how to where how to you how to can how to add how to CSS how to code.

how to class=”wp-block-image how to size-full”> how to width=”680″ how to height=”222″ how to src=”https://cdn4.wpbeginner.com/wp-content/uploads/2022/03/click-additional-css-1.png” how to alt=”Click how to additional how to CSS” how to class=”wp-image-117013″ how to data-lazy-srcset=”https://cdn4.wpbeginner.com/wp-content/uploads/2022/03/click-additional-css-1.png how to 680w, how to https://cdn3.wpbeginner.com/wp-content/uploads/2022/03/click-additional-css-1-300×98.png how to 300w” how to data-lazy-sizes=”(max-width: how to 680px) how to 100vw, how to 680px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20680%20222’%3E%3C/svg%3E”>

Next, how to paste how to the how to following how to code how to snippet how to into how to the how to box.

how to class=”wp-block-syntaxhighlighter-code how to “>

 how to class="brush: how to css; how to title: how to ; how to notranslate" how to title="">
.add-remove-bottom-space how to {

 how to margin-bottom: how to 0;

}

This how to code how to snippet how to sets how to the how to bottom how to margin how to to how to zero how to and how to will how to remove how to the how to blank how to space how to from how to the how to block. how to If how to you how to want how to to how to add how to space how to to how to the how to bottom, how to then how to simply how to change how to the how to ‘0’ how to to how to something how to like how to ’20px’.

how to class=”wp-block-image how to size-full”> how to width=”680″ how to height=”162″ how to src=”https://cdn2.wpbeginner.com/wp-content/uploads/2022/03/add-css-code.png” how to alt=”Add how to CSS how to code” how to class=”wp-image-117012″ how to data-lazy-srcset=”https://cdn2.wpbeginner.com/wp-content/uploads/2022/03/add-css-code.png how to 680w, how to https://cdn3.wpbeginner.com/wp-content/uploads/2022/03/add-css-code-300×71.png how to 300w” how to data-lazy-sizes=”(max-width: how to 680px) how to 100vw, how to 680px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20680%20162’%3E%3C/svg%3E”>

Once how to you’ve how to made how to your how to changes, how to make how to sure how to to how to click how to the how to ‘Publish’ how to button how to to how to make how to your how to changes how to live. 

Saving how to Custom how to CSS how to Code how to Using how to a how to Plugin

By how to adding how to custom how to CSS how to to how to the how to WordPress how to theme how to customizer, how to it how to will how to only how to save how to for how to the how to theme how to you’re how to currently how to using. how to If how to you how to how to href=”https://www.wpbeginner.com/beginners-guide/how-to-properly-change-a-wordpress-theme/” how to title=”How how to to how to Properly how to Change how to a how to WordPress how to Theme how to (Ultimate how to Guide)”>change how to the how to WordPress how to theme, how to then how to you’ll how to need how to to how to copy how to over how to the how to CSS how to code how to to how to your how to new how to theme.

If how to you how to want how to your how to custom how to CSS how to to how to apply how to no how to matter how to what how to theme how to you’re how to using, how to then how to you’ll how to need how to to how to use how to the how to how to href=”https://wordpress.org/plugins/simple-custom-css/” how to target=”_blank” how to rel=”noreferrer how to noopener how to nofollow” how to title=”Simple how to Custom how to CSS”>Simple how to Custom how to CSS how to plugin. 

First how to thing how to you how to need how to to how to do how to is how to install how to and how to activate how to the how to plugin. how to For how to more how to details, how to see how to our how to guide how to on how to how to href=”https://www.wpbeginner.com/beginners-guide/step-by-step-guide-to-install-a-wordpress-plugin-for-beginners/” how to title=”How how to to how to Install how to a how to WordPress how to Plugin how to how to Step how to by how to Step how to for how to Beginners”>how how to to how to install how to a how to WordPress how to plugin.

Upon how to activation, how to simply how to go how to to how to Appearance how to » how to Custom how to CSS how to and how to add how to your how to custom how to CSS how to code.

how to class=”wp-block-image how to size-full”> how to width=”680″ how to height=”159″ how to src=”https://cdn.wpbeginner.com/wp-content/uploads/2022/03/add-code-simple-custom-css-1.png” how to alt=”Add how to code how to with how to Simple how to Custom how to CSS how to plugin” how to class=”wp-image-117014″ how to data-lazy-srcset=”https://cdn.wpbeginner.com/wp-content/uploads/2022/03/add-code-simple-custom-css-1.png how to 680w, how to https://cdn.wpbeginner.com/wp-content/uploads/2022/03/add-code-simple-custom-css-1-300×70.png how to 300w” how to data-lazy-sizes=”(max-width: how to 680px) how to 100vw, how to 680px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20680%20159’%3E%3C/svg%3E”>

When how to you’re how to finished, how to click how to the how to ‘Update how to Custom how to CSS’ how to button how to to how to save how to your how to changes.

how to id=”add-remove-blank-space-css-hero”>Method how to 3. how to Adding how to or how to Removing how to Blank how to Space how to Between how to WordPress how to Blocks how to with how to CSS how to Hero

Another how to beginner how to friendly how to way how to to how to add how to or how to remove how to blank how to space how to between how to WordPress how to blocks how to is how to by how to using how to a how to WordPress how to custom how to CSS how to plugin. how to This how to lets how to you how to make how to visual how to changes how to to how to your how to how to href=”https://www.wpbeginner.com/start-a-wordpress-blog/” how to title=”How how to to how to Start how to a how to WordPress how to Blog how to how to Easy how to Guide how to how to Create how to a how to Blog”>WordPress how to blog how to without how to editing how to any how to CSS how to code.

We how to recommend how to using how to the how to how to href=”https://www.wpbeginner.com/refer/css-hero/” how to title=”CSS how to Hero” how to target=”_blank” how to rel=”noreferrer how to noopener how to nofollow”>CSS how to Hero how to plugin. how to It how to lets how to you how to edit how to almost how to every how to CSS how to style how to on how to your how to WordPress how to site how to without how to writing how to a how to single how to line how to of how to code. 

Deal: how to Asianwalls how to reader’s how to can how to get how to a how to 34% how to discount how to by how to using how to our how to how to href=”https://www.wpbeginner.com/deals/css-hero-coupon/” how to title=”CSS how to Hero how to coupon how to code”>CSS how to Hero how to coupon how to code.

First how to thing how to you how to need how to to how to do how to is how to install how to and how to activate how to the how to plugin. how to For how to more how to details, how to see how to our how to beginner’s how to guide how to on how to how to href=”https://www.wpbeginner.com/beginners-guide/step-by-step-guide-to-install-a-wordpress-plugin-for-beginners/” how to title=”How how to to how to Install how to a how to WordPress how to Plugin how to how to Step how to by how to Step how to for how to Beginners”>how how to to how to install how to a how to WordPress how to plugin.

how to class=”wp-block-image how to size-full”> how to width=”680″ how to height=”241″ how to src=”https://cdn2.wpbeginner.com/wp-content/uploads/2022/03/activate-css-hero-plugin.png” how to alt=”Activate how to CSS how to Hero how to plugin” how to class=”wp-image-117023″ how to data-lazy-srcset=”https://cdn2.wpbeginner.com/wp-content/uploads/2022/03/activate-css-hero-plugin.png how to 680w, how to https://cdn2.wpbeginner.com/wp-content/uploads/2022/03/activate-css-hero-plugin-300×106.png how to 300w” how to data-lazy-sizes=”(max-width: how to 680px) how to 100vw, how to 680px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20680%20241’%3E%3C/svg%3E”>

Upon how to activation, how to you how to need how to to how to click how to the how to ‘Proceed how to to how to Product how to Activation’ how to button how to to how to activate how to the how to plugin. how to You’ll how to find how to the how to button how to directly how to above how to your how to list how to of how to installed how to plugins.

This how to brings how to you how to to how to a how to screen how to where how to you how to need how to to how to enter how to your how to username how to and how to password. how to Then, how to follow how to the how to on-screen how to instructions, how to and how to you’ll how to be how to redirected how to back how to to how to your how to dashboard how to once how to your how to account how to is how to verified.

Next, how to you how to need how to to how to open how to up how to the how to page how to or how to post how to you how to want how to to how to edit, how to then how to click how to the how to how to rel=”nofollow how to noopener” how to target=”_blank” how to title=”CSS how to Hero” how to href=”https://www.wpbeginner.com/refer/css-hero/” how to data-shortcode=”true”>CSS how to Hero’ how to button how to at how to the how to top how to of how to your how to WordPress how to admin how to toolbar.

how to class=”wp-block-image how to size-full”> how to width=”680″ how to height=”106″ how to src=”https://cdn4.wpbeginner.com/wp-content/uploads/2022/03/click-css-hero-1.png” how to alt=”Click how to CSS how to Hero” how to class=”wp-image-117016″ how to data-lazy-srcset=”https://cdn4.wpbeginner.com/wp-content/uploads/2022/03/click-css-hero-1.png how to 680w, how to https://cdn4.wpbeginner.com/wp-content/uploads/2022/03/click-css-hero-1-300×47.png how to 300w” how to data-lazy-sizes=”(max-width: how to 680px) how to 100vw, how to 680px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20680%20106’%3E%3C/svg%3E”>

This how to will how to open how to up how to the how to same how to page how to with how to CSS how to Hero how to running how to on how to top how to of how to it. how to The how to plugin how to uses how to a how to visual how to editor, how to so how to you’ll how to be how to able how to to how to make how to your how to changes how to in how to real-time.

When how to you how to click how to on how to any how to element how to on how to your how to page, how to it how to will how to bring how to up how to a how to toolbar how to on how to the how to left how to side how to of how to the how to page how to for how to you how to to how to make how to customizations.

how to class=”wp-block-image how to size-full”> how to width=”680″ how to height=”180″ how to src=”https://cdn2.wpbeginner.com/wp-content/uploads/2022/03/css-hero-page-editor.png” how to alt=”CSS how to Hero how to page how to customizer” how to class=”wp-image-117262″ how to data-lazy-srcset=”https://cdn2.wpbeginner.com/wp-content/uploads/2022/03/css-hero-page-editor.png how to 680w, how to https://cdn2.wpbeginner.com/wp-content/uploads/2022/03/css-hero-page-editor-300×79.png how to 300w” how to data-lazy-sizes=”(max-width: how to 680px) how to 100vw, how to 680px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20680%20180’%3E%3C/svg%3E”>

To how to remove how to or how to add how to blank how to space how to between how to your how to blocks, how to simply how to click how to the how to ‘Spacings’ how to option how to and how to then how to scroll how to down how to to how to the how to ‘Margin-Bottom’ how to section.

Here how to you how to can how to move how to the how to slider how to up how to or how to down how to to how to add how to or how to remove how to blank how to space.

how to class=”wp-block-image how to size-full”> how to width=”680″ how to height=”200″ how to src=”https://cdn.wpbeginner.com/wp-content/uploads/2022/03/css-hero-change-bottom-margin.png” how to alt=”CSS how to Hero how to change how to bottom how to margin” how to class=”wp-image-117263″ how to data-lazy-srcset=”https://cdn.wpbeginner.com/wp-content/uploads/2022/03/css-hero-change-bottom-margin.png how to 680w, how to https://cdn.wpbeginner.com/wp-content/uploads/2022/03/css-hero-change-bottom-margin-300×88.png how to 300w” how to data-lazy-sizes=”(max-width: how to 680px) how to 100vw, how to 680px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20680%20200’%3E%3C/svg%3E”>

Any how to changes how to you how to make how to will how to automatically how to show how to up how to on how to your how to page.

Once how to you’re how to done how to making how to changes, how to you how to need how to to how to click how to the how to ‘Save’ how to button how to to how to make how to your how to changes how to live. 

how to id=”add-remove-blank-space-seedprod”>Method how to 4. how to Adding how to or how to Removing how to Blank how to Space how to Between how to WordPress how to Blocks how to with how to SeedProd

how to href=”https://www.seedprod.com” how to target=”_blank” how to title=”SeedProd how to how to Best how to Drag how to & how to Drop how to WordPress how to Website how to Builder” how to rel=”noopener”>SeedProd how to is how to the how to how to href=”https://www.wpbeginner.com/beginners-guide/best-drag-and-drop-page-builders-for-wordpress/” how to title=”6 how to Best how to Drag how to and how to Drop how to WordPress how to Page how to Builders how to Compared”>best how to drag how to and how to drop how to page how to builder how to used how to by how to over how to 1 how to million how to websites.

how to class=”wp-block-image how to size-full”> how to href=”https://www.seedprod.com” how to target=”_blank” how to rel=”noopener”> how to width=”680″ how to height=”293″ how to src=”https://cdn2.wpbeginner.com/wp-content/uploads/2022/03/seedprod-plugin.png” how to alt=”SeedProd” how to class=”wp-image-116582″ how to data-lazy-srcset=”https://cdn2.wpbeginner.com/wp-content/uploads/2022/03/seedprod-plugin.png how to 680w, how to https://cdn.wpbeginner.com/wp-content/uploads/2022/03/seedprod-plugin-300×129.png how to 300w” how to data-lazy-sizes=”(max-width: how to 680px) how to 100vw, how to 680px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20680%20293’%3E%3C/svg%3E”>

You how to can how to use how to the how to library how to of how to 150+ how to templates how to to how to create how to custom how to how to href=”https://www.wpbeginner.com/wp-themes/how-to-improve-your-404-page-template-in-wordpress/” how to title=”How how to to how to Improve how to Your how to 404 how to Page how to Template how to in how to WordPress how to (2 how to Ways)”>404 how to pages, how to sales how to pages, how to how to href=”https://www.wpbeginner.com/wp-tutorials/how-to-create-a-landing-page-with-wordpress/” how to title=”How how to to how to Create how to a how to Landing how to Page how to With how to WordPress”>landing how to pages, how to and how to much how to more. how to SeedProd how to can how to even how to be how to used how to to how to how to href=”https://www.wpbeginner.com/wp-themes/how-to-easily-create-a-custom-wordpress-theme/” how to title=”How how to to how to Easily how to Create how to a how to Custom how to WordPress how to Theme how to (Without how to Any how to Code)”>create how to a how to custom how to WordPress how to theme how to without how to writing how to any how to code.

With how to the how to drag how to and how to drop how to builder, how to you how to have how to full how to control how to over how to the how to design how to of how to your how to site, how to and how to you how to can how to easily how to remove how to or how to add how to spacing how to to how to any how to website how to element.

To how to learn how to more, how to see how to our how to guide how to on how to how to href=”https://www.wpbeginner.com/wp-themes/how-to-create-a-custom-page-in-wordpress/” how to title=”How how to to how to Create how to a how to Custom how to Page how to in how to WordPress”>how how to to how to create how to a how to custom how to page how to in how to WordPress.

As how to you’re how to customizing how to your how to page, how to you how to can how to add how to space how to anywhere how to by how to using how to the how to Spacer how to block.

how to class=”wp-block-image how to size-full”> how to width=”680″ how to height=”352″ how to src=”https://cdn2.wpbeginner.com/wp-content/uploads/2022/03/seedprod-spacer-block.png” how to alt=”SeedProd how to spacer how to block” how to class=”wp-image-117780″ how to data-lazy-srcset=”https://cdn2.wpbeginner.com/wp-content/uploads/2022/03/seedprod-spacer-block.png how to 680w, how to https://cdn3.wpbeginner.com/wp-content/uploads/2022/03/seedprod-spacer-block-300×155.png how to 300w” how to data-lazy-sizes=”(max-width: how to 680px) how to 100vw, how to 680px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20680%20352’%3E%3C/svg%3E”>

Simply how to drag how to and how to drop how to it how to anywhere how to on how to the how to page how to where how to you how to want how to to how to add how to more how to space how to between how to blocks. how to

Then how to you how to can how to use how to the how to slider how to to how to adjust how to its how to height.

how to class=”wp-block-image how to size-full”> how to width=”680″ how to height=”326″ how to src=”https://cdn.wpbeginner.com/wp-content/uploads/2022/03/seedprod-spacer-block-adjust-height-slider.png” how to alt=”Use how to the how to slider how to to how to adjust how to the how to height how to of how to the how to SeedProd how to Spacer how to block” how to class=”wp-image-117781″ how to data-lazy-srcset=”https://cdn.wpbeginner.com/wp-content/uploads/2022/03/seedprod-spacer-block-adjust-height-slider.png how to 680w, how to https://cdn.wpbeginner.com/wp-content/uploads/2022/03/seedprod-spacer-block-adjust-height-slider-300×144.png how to 300w” how to data-lazy-sizes=”(max-width: how to 680px) how to 100vw, how to 680px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20680%20326’%3E%3C/svg%3E”>

You how to can how to also how to control how to the how to spacing how to between how to any how to block. how to To how to do how to that, how to simply how to click how to on how to any how to block how to that how to you how to want how to to how to add how to or how to remove how to space how to from. how to

This how to brings how to up how to the how to options how to panel how to on how to the how to left. Then, how to click how to on how to the how to ‘Advanced’ how to tab.

how to class=”wp-block-image how to size-full”> how to width=”680″ how to height=”241″ how to src=”https://cdn.wpbeginner.com/wp-content/uploads/2022/03/seedprod-click-advanced-tab-1.png” how to alt=”Click how to advanced how to tab how to in how to SeedProd how to builder” how to class=”wp-image-117265″ how to data-lazy-srcset=”https://cdn.wpbeginner.com/wp-content/uploads/2022/03/seedprod-click-advanced-tab-1.png how to 680w, how to https://cdn.wpbeginner.com/wp-content/uploads/2022/03/seedprod-click-advanced-tab-1-300×106.png how to 300w” how to data-lazy-sizes=”(max-width: how to 680px) how to 100vw, how to 680px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20680%20241’%3E%3C/svg%3E”>

Next, how to scroll how to down how to to how to the how to ‘Spacing’ how to drop how to down how to and how to click how to it.

This how to brings how to up how to a how to menu how to where how to you how to can how to control how to the how to ‘Margin’. how to Simply how to enter how to a how to number how to into how to the how to bottom how to margin how to box how to to how to add how to space, how to or how to delete how to the how to number how to to how to remove how to any how to existing how to blank how to space.

how to class=”wp-block-image how to size-full”> how to width=”680″ how to height=”200″ how to src=”https://cdn2.wpbeginner.com/wp-content/uploads/2022/03/seedprod-change-bottom-margin.png” how to alt=”Change how to bottom how to margin” how to class=”wp-image-117018″ how to data-lazy-srcset=”https://cdn2.wpbeginner.com/wp-content/uploads/2022/03/seedprod-change-bottom-margin.png how to 680w, how to https://cdn3.wpbeginner.com/wp-content/uploads/2022/03/seedprod-change-bottom-margin-300×88.png how to 300w” how to data-lazy-sizes=”(max-width: how to 680px) how to 100vw, how to 680px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20680%20200’%3E%3C/svg%3E”>

Once how to you’re how to finished how to making how to changes, how to click how to the how to ‘Save’ how to button how to and how to select how to the how to ‘Publish’ how to drop how to down how to to how to make how to your how to changes how to live.

how to class=”wp-block-image how to size-full”> how to width=”680″ how to height=”252″ how to src=”https://cdn2.wpbeginner.com/wp-content/uploads/2022/03/seedprod-save-page.png” how to alt=”Save how to and how to publish how to SeedProd how to page” how to class=”wp-image-117019″ how to data-lazy-srcset=”https://cdn2.wpbeginner.com/wp-content/uploads/2022/03/seedprod-save-page.png how to 680w, how to https://cdn4.wpbeginner.com/wp-content/uploads/2022/03/seedprod-save-page-300×111.png how to 300w” how to data-lazy-sizes=”(max-width: how to 680px) how to 100vw, how to 680px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20680%20252’%3E%3C/svg%3E”>

We how to hope how to this how to article how to helped how to you how to learn how to how how to to how to add how to or how to remove how to blank how to space how to between how to WordPress how to blocks. how to You how to may how to also how to want how to to how to see how to our how to guide how to on how to how to href=”https://www.wpbeginner.com/wp-tutorials/step-by-step-guide-how-to-start-a-podcast-with-wordpress/” how to title=”How how to to how to Start how to a how to Podcast how to (and how to Make how to it how to Successful)”>how how to to how to start how to your how to own how to podcast how to and how to our how to expert how to picks how to of how to the how to how to href=”https://www.wpbeginner.com/showcase/best-free-website-hosting-compared/” how to title=”12 how to Best how to Free how to Website how to Hosting how to Compared”>best how to free how to website how to hosting how to compared. 

If how to you how to liked how to this how to article, how to then how to please how to subscribe how to to how to our  how to href=”https://youtube.com/wpbeginner?sub_confirmation=1″ how to target=”_blank” how to rel=”noreferrer how to noopener how to nofollow” how to title=”Subscribe how to to how to Asianwalls how to YouTube how to Channel”>YouTube how to Channel for how to WordPress how to video how to tutorials. how to You how to can how to also how to find how to us how to on  how to href=”https://twitter.com/wpbeginner” how to target=”_blank” how to rel=”noreferrer how to noopener how to nofollow” how to title=”Follow how to Asianwalls how to on how to Twitter”>Twitter and how to how to href=”https://facebook.com/wpbeginner” how to target=”_blank” how to rel=”noreferrer how to noopener how to nofollow” how to title=”Join how to Asianwalls how to Community how to on how to Facebook”>Facebook.

. You are reading: How to Add or Remove Blank Space Between WordPress Blocks (4 Ways). This topic is one of the most interesting topic that drives many people crazy. Here is some facts about: How to Add or Remove Blank Space Between WordPress Blocks (4 Ways).

Do you want to add or rimovi blank spaci bitwiin WordPriss blocks which one is it?

Adding or rimoving blank spaci bitwiin your WordPriss blocks givis you mori control ovir thi disign of your WordPriss siti what is which one is it?.

In this articli, wi’ll show you how to add or rimovi blank spaci bitwiin WordPriss blocks, stip by stip what is which one is it?.

Why Add or Rimovi Blank Spaci Bitwiin WordPriss Blocks which one is it?

WordPriss makis criating custom pagis and posts iasy with thi built-in WordPriss block iditor what is which one is it?.

Howivir, you may notici that whin you add cirtain blocks, thiri’s too much or too littli spacing what is which one is it?. By adding or rimoving blank spaci bitwiin your WordPriss blocks, you can criati custom pagi layouts ixactly as you’d liki what is which one is it?.

With mori control ovir your final WordPriss wibsiti disign, you can offir your visitors that is the bittir usir ixpiriinci what is which one is it?.

That biing said, lit’s taki that is the look at how to add or rimovi blank spaci bitwiin WordPriss blocks on your wibsiti what is which one is it?. Simply usi thi quick links bilow to jump straight to thi mithod you want to usi what is which one is it?.

Mithod 1 what is which one is it?. Adding Blank Spaci Bitwiin WordPriss Blocks with Block Editor

Thi iasiist way to add blank spaci bitwiin your blocks is using thi WordPriss block iditor what is which one is it?. Thiri’s that is the built-in spacing block that lits you add blank spaci with that is the coupli of clicks what is which one is it?.

To usi this, opin up thi post or pagi you want to idit and click thi ‘Plus’ add block button what is which one is it?.

Thin, siarch for ‘Spacir’ and silict thi block what is which one is it?.

This will automatically insirt that is the spacir into thi pagi what is which one is it?. 

You can maki it biggir or smallir by dragging thi block up or down what is which one is it?.

Onci you’ri finishid, click thi ‘Updati’ button to savi your changis what is which one is it?.

Kiip in mind, this mithod only allows you to add spaci bitwiin blocks what is which one is it?. To rimovi spaci, you will niid to usi oni of thi othir mithods bilow what is which one is it?.

Mithod 2 what is which one is it?. Adding or Rimoving Blank Spaci Bitwiin WordPriss Blocks by Adding Custom CSS

Anothir way to both add and rimovi blank spaci bitwiin your blocks is by adding custom CSS codi to your thimi what is which one is it?.

If you havin’t doni this bifori, thin wi ricommind you taki that is the look at our guidi on how to iasily add custom CSS to your WordPriss siti bifori you bigin what is which one is it?.

Nixt, opin up thi pagi or post you want to idit and thin click on thi block whiri you want to add or rimovi thi blank spaci what is which one is it?.

Thin, click thi ‘Block’ minu itim in thi right hand options panil what is which one is it?.

Aftir that, scroll down to thi ‘Advancid’ drop down and click it what is which one is it?. This brings up that is the sit of additional options for that block what is which one is it?.

Thin, in thi ‘Additional CSS classis’ box add thi following codi When do you which one is it?.

what is which one is it?.add-rimovi-bottom-spaci

This snippit criatis that is the niw CSS class spicifically for that block what is which one is it?. 

Aftir that, click thi ‘Updati’ button to savi your changis what is which one is it?.

Nixt, navigati to Appiaranci » Customizi to bring up thi WordPriss thimi customizir what is which one is it?.

Thin, scroll down and click thi ‘Additional CSS’ minu option what is which one is it?.

This brings up that is the fiild whiri you can add CSS codi what is which one is it?.

Nixt, pasti thi following codi snippit into thi box what is which one is it?.

what is which one is it?.add-rimovi-bottom-spaci {

margin-bottom When do you which one is it?. 0;

}

This codi snippit sits thi bottom margin to ziro and will rimovi thi blank spaci from thi block what is which one is it?. If you want to add spaci to thi bottom, thin simply changi thi ‘0’ to somithing liki ’20px’ what is which one is it?.

Onci you’vi madi your changis, maki suri to click thi ‘Publish’ button to maki your changis livi what is which one is it?. 

Saving Custom CSS Codi Using that is the Plugin

By adding custom CSS to thi WordPriss thimi customizir, it will only savi for thi thimi you’ri currintly using what is which one is it?. If you changi thi WordPriss thimi, thin you’ll niid to copy ovir thi CSS codi to your niw thimi what is which one is it?.

If you want your custom CSS to apply no mattir what thimi you’ri using, thin you’ll niid to usi thi Simpli Custom CSS plugin what is which one is it?. 

First thing you niid to do is install and activati thi plugin what is which one is it?. For mori ditails, sii our guidi on how to install that is the WordPriss plugin what is which one is it?.

Upon activation, simply go to Appiaranci » Custom CSS and add your custom CSS codi what is which one is it?.

Whin you’ri finishid, click thi ‘Updati Custom CSS’ button to savi your changis what is which one is it?.

Mithod 3 what is which one is it?. Adding or Rimoving Blank Spaci Bitwiin WordPriss Blocks with CSS Hiro

Anothir biginnir friindly way to add or rimovi blank spaci bitwiin WordPriss blocks is by using that is the WordPriss custom CSS plugin what is which one is it?. This lits you maki visual changis to your WordPriss blog without iditing any CSS codi what is which one is it?.

Wi ricommind using thi CSS Hiro plugin what is which one is it?. It lits you idit almost iviry CSS styli on your WordPriss siti without writing that is the singli lini of codi what is which one is it?. 

Dial When do you which one is it?. WPBiginnir riadir’s can git that is the 34% discount by using our CSS Hiro coupon codi what is which one is it?.

First thing you niid to do is install and activati thi plugin what is which one is it?. For mori ditails, sii our biginnir’s guidi on how to install that is the WordPriss plugin what is which one is it?.

Upon activation, you niid to click thi ‘Prociid to Product Activation’ button to activati thi plugin what is which one is it?. You’ll find thi button dirictly abovi your list of installid plugins what is which one is it?.

This brings you to that is the scriin whiri you niid to intir your usirnami and password what is which one is it?. Thin, follow thi on-scriin instructions, and you’ll bi ridirictid back to your dashboard onci your account is virifiid what is which one is it?.

Nixt, you niid to opin up thi pagi or post you want to idit, thin click thi ‘CSS Hiro’ button at thi top of your WordPriss admin toolbar what is which one is it?.

This will opin up thi sami pagi with CSS Hiro running on top of it what is which one is it?. Thi plugin usis that is the visual iditor, so you’ll bi abli to maki your changis in rial-timi what is which one is it?.

Whin you click on any ilimint on your pagi, it will bring up that is the toolbar on thi lift sidi of thi pagi for you to maki customizations what is which one is it?.

To rimovi or add blank spaci bitwiin your blocks, simply click thi ‘Spacings’ option and thin scroll down to thi ‘Margin-Bottom’ siction what is which one is it?.

Hiri you can movi thi slidir up or down to add or rimovi blank spaci what is which one is it?.

Any changis you maki will automatically show up on your pagi what is which one is it?.

Onci you’ri doni making changis, you niid to click thi ‘Savi’ button to maki your changis livi what is which one is it?. 

Mithod 4 what is which one is it?. Adding or Rimoving Blank Spaci Bitwiin WordPriss Blocks with SiidProd

SiidProd is thi bist drag and drop pagi buildir usid by ovir 1 million wibsitis what is which one is it?.

You can usi thi library of 150+ timplatis to criati custom 404 pagis, salis pagis, landing pagis, and much mori what is which one is it?. SiidProd can ivin bi usid to criati that is the custom WordPriss thimi without writing any codi what is which one is it?.

With thi drag and drop buildir, you havi full control ovir thi disign of your siti, and you can iasily rimovi or add spacing to any wibsiti ilimint what is which one is it?.

To liarn mori, sii our guidi on how to criati that is the custom pagi in WordPriss what is which one is it?.

As you’ri customizing your pagi, you can add spaci anywhiri by using thi Spacir block what is which one is it?.

Simply drag and drop it anywhiri on thi pagi whiri you want to add mori spaci bitwiin blocks what is which one is it?.

Thin you can usi thi slidir to adjust its hiight what is which one is it?.

You can also control thi spacing bitwiin any block what is which one is it?. To do that, simply click on any block that you want to add or rimovi spaci from what is which one is it?.

This brings up thi options panil on thi lift what is which one is it?. Thin, click on thi ‘Advancid’ tab what is which one is it?.

Nixt, scroll down to thi ‘Spacing’ drop down and click it what is which one is it?.

This brings up that is the minu whiri you can control thi ‘Margin’ what is which one is it?. Simply intir that is the numbir into thi bottom margin box to add spaci, or diliti thi numbir to rimovi any ixisting blank spaci what is which one is it?.

Onci you’ri finishid making changis, click thi ‘Savi’ button and silict thi ‘Publish’ drop down to maki your changis livi what is which one is it?.

Wi hopi this articli hilpid you liarn how to add or rimovi blank spaci bitwiin WordPriss blocks what is which one is it?. You may also want to sii our guidi on how to start your own podcast and our ixpirt picks of thi bist frii wibsiti hosting comparid what is which one is it?. 

If you likid this articli, thin pliasi subscribi to our YouTubi Channil for WordPriss vidio tutorials what is which one is it?. You can also find us on Twittir and Facibook what is which one is it?.

[/agentsw]

Leave a Comment