This is something that bugged me for a few days now. Hope someone can make this clear for me.

In my Wordpress blogs, between the paragraphs and the next subheading, I like to have a double space. However, Gutenberg gives a "paragraph block", instead of just some white space.

So what I'm doing now is I add an "nbsp;" custom HTML block between the paragraph and the next subheading. it works well.

My concerns are:

(1) Would adding code multiple times for each blog post and every blog post I create will harm my SEO?

(2) If it's not harmful if I change the Wordpress theme, will I have to re-add all the custom HTML codes that I've added to the new theme?

(3) Is there a better or efficient way to achieve what I want?

Thank you for the help

Join the Discussion
Write something…
Recent messages
winnieyoong Premium
(1) Would adding code multiple times for each blog post and every blog post I create will harm my SEO?
Ans: I don't think adding space or adding some code will harm SEO ranking. It's perfectly normal to add   in coding.

(2) If it's not harmful if I change the Wordpress theme, will I have to re-add all the custom HTML codes that I've added to the new theme?
Ans: No you won't lose the custom HTML codes that you added inside wordpress editor.

(3) Is there a better or efficient way to achieve what I want?
My question for you is, why do you need a double space? I would actually add a CSS code targeting all headings to have more padding in order to create a bigger space. If you can send me the screenshot or website link, I can help you with the code.
Reply
ShaunFern Premium Plus
I like the look of it. I like my content separated between each subheading.

Would adding a CSS code carry over if I change themes?

When you say CSS code, Is it shortcodes? I have a bunch of those on my website

Hopefully, these 2 images show with and without the   code.
Reply
winnieyoong Premium
You will need to add custom CSS code in your new theme.

However, since every theme has different designs, i.e. different spacing with headers, you might not need to even add this tweak in your next template.

you can try something like this, which adds a spacing of 25px (height) on top of the headline.

I'm assuming that you're using H2 on your headline. Otherwise, you can change it to H1, H2, H3 or H4 accordingly.
Reply
ShaunFern Premium Plus
Winnie, It worked! Thank you so much. Sorry, it took a few days to reply to you. I only got on WA today.

Just 1 last question, If I want to add H2 or H3 or H4 to the above code, do I do this?

h3,h2,h4{
margin-top: 25px;
}

Is that right?
Reply
winnieyoong Premium
Yes, you're picking this up real quick 😊
Reply
ShaunFern Premium Plus
Awesome, Thank you Winnie
Reply
winnieyoong Premium
You're welcome :)
Reply
davidpaul303 Premium
Thank you for the CSS padding code. It's what I was looking for.

Cheers
Reply
winnieyoong Premium
You're welcome David.
Reply
Top