How to Fix Default Bottom Margins in Kadence Theme

If you are using Kadance Theme, you should have noticed a default bottom margin that is added to your block content. This default margin creates a space between your content which makes it look awesome. BUT, at times this spacing goes beyond creating unnecessary spacing.

In this tutorial, I will guide you throw the process on how you can fix this issues using our Margin FIX code snippet.

Video: How to Fix the Default Kadence Margin

Watch the Video Tutorial on How to Fix the Default Kadence Margin.

The Process

1. Get the Code Snippet

Get the Margin CSS Fix Code Snippet from Github. Alternatively, you can copy the code from the section below.

2. Add Code Snippet to Theme Customiser

After obtaining the code snippet, add it to your Kadence website via the Additional CSS settings.

Go to the Kadence Theme Customiser – Additional CSS.

1. Paste in the code snippet.
2. Click publish to save.

3. Add Custom Class to Blocks

The next step is for us to add the custom “mrk-no-margin” to blocks whose spacing we want to reduce. To do this,

1. Select the blose whose default margin you wish to adjust.
2. Go to the Block settings.
3. Scroll to the Advaced settings section.
4. Add the custom class to the Additional CSS Class(es) and update your page/post.

4. Clear Cache and Test

If you have any caching system on your site, clear your cache before testing for the changes.

You should see reduced spacing/fixed margin on the blocks which you applied the custom CSS class of “mrk-no-margin“.

Conclusion

Our Margin CSS code snippet provides a simple and effective solution when it comes to fixing the default bottom margins in Kadence Theme.

Add the code snippet to your the Additional CSS settings and apply the “mrk-no-margin” class to specific blocks to fix the issue.

I hope this tutorial has been helpful.