Site logo

Archived topic

Is there a way to get the spacing smaller?

12 replies · Started by Heath on March 31, 2022

Viewing posts 1–13 of 13

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.

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;
}

I do not believe I am using the Classic editor.

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

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.

This does not work for me.

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.

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

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.

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.

Thanks!

You're welcome

This archived topic is closed to new replies.