Empty paragraph blocks at bottom of column blocks

Hi Andrew,

I’m sorry you’re having a spacing issue due to the block editor. You may be able to remove the unnecessary formatting by deleting the HTML elements manually. Can you try this, please:

1. Log into wp-admin and open the post or page in the editor.
2. Choose the “Show more tools and options” button in the top right. It’s the small icon that looks like three stacked dots.
3. Switch to the code editor.
4. You may be able to spot and remove the unhelpful HTML elements. Look for an extra paragraph or line break tags which will look like <p> or <br />.
5. You can then switch your setting back to the visual editor.

Kyle

@kylepott Thanks. Just tried that and I see no such elements.

I managed to find the <p></p> on the page I linked to. Didn’t make that much of a difference really. But I have other pages that have a similar rendering that do not have a <p></p>.

Hi Andrew,

I’m glad removing the extra paragraph tagged helped some, but sorry it didn’t get you all the way there.

Your next move may be to try reducing the vertical padding from the bottom of the column block. Here’s a nice write up that describes a few ways that you can do this. I recommend adding the following custom CSS to your theme by cutting and pasting into wp-admin > Themes > Customize > Custom CSS

.wp-block-columns{margin 0; 0; -20px; 0}

You want to shrink margin along the bottom, so a negative value should do this for you. -20 pixels may not be enough so adjust it to your liking.

Another option could be to only reduce the padding for the images within the block which you can do with the following custom CSS and experimenting with the amount of padding.

.wp-block-image{margin 0; 0; -20px; 0}

Kyle

I used both of those. I think it looks better! Thanks. But your syntax was wrong for CSS. The ; only appears at the end of the line.

• This reply was modified 5 years, 10 months ago by Chuckie.