[Resolved] Is there a way to get the spacing smaller?

[Heath]

I am trying to see if there is a way to get the spacing smaller between the name an stats to where the stats will show up almost right underneath the name. I hope I am making sense on this. I included a screenshit of what I am referring to in the private window.

[Leo]

Hi there,

It’s coming from the default margin-bottom: 1.5em set in the customizer.

Is this still using the classic editor?

If so you will need to add a class to that paragraph like no-margin then add this CSS:

p.no-margin {
    bottom-margin: 0;
}

[Heath]

I do not believe I am using the Classic editor.

[Leo]

The solution above would work even if you are using a block editor with a paragraph block.

Or you can consider using a headline block from GB and set the bottom margin to 0:
https://docs.generateblocks.com/article/headline-overview/
https://docs.generateblocks.com/article/headline-overview/#spacing

[Heath]

If I do the steps as outlined above…. that wouldn’t change it on every post would it?

[Leo]

No. That’s what adding the custom CSS class no-margin for – only the paragraph with that class would change once the CSS is added.

[Heath]

This does not work for me.

[Heath]

Is there a way to put the smaller text beside the large text as I tried to illustrate in the screenshot?

The CSS along with the CSS Class is not working for me.

[David]

Hi there,

to make these kinds of changes you will need to add some CSS Classes to your blocks.

1, Add this CSS to your Customizer > Additional CSS.

.player,
.player-stats {
    display: inline;
}

2. Select the text block with the Player Name – and in Advanced > Additional CSS Classes add: player
Select the text block with the stats and give that a CSS class of player-stats

[Heath]

Thanks David. I’d therr a way to instead of the stats being on the same line to get them under the player name without the big gap of white? I’d like them to be closer together.

[David]

In that case you still need to give the player name a class of player as have.
Then add this CSS:

p.player {
    margin-bottom: 0.25em;
}

Adjust the margin as you need.

[Heath]

Thanks!

[David]

You’re welcome

[Author]

Posts