Add space between H2 subheading and paragraph text

Support
#1

How do I add space between H2 subheading and paragraph text?

Thanks

#2

use gap would likely be the easiest

#3

No coding for CSS?

#4

Hi @twoscotsabroad,

You can use gap or if you want to be universal you can use CSS.

Use this CSS below.

h2, .h2{
margin-below:10px
}

p{
margin-below:10px;
}

Let us know how it goes.

Thanks. :slight_smile:

1 Like
#5

Thank you.

If I change 10 to higher is should create a gap between H2 heading and the paragraph line underneath? It tried 30 and then 100 but saw no change.

Best,
Gemma

#6

Hi Gemma,

Sorry there is a syntax error on the code provided is should be:

h2, .h2{
    margin-bottom: 30px;
}

Thanks,

1 Like
#7

Worked! Cheers!

#8

You’re welcome.

1 Like
#9

Hi,

I am trying to achieve something similar.
I have created a new class for styling text:

.t2 {
font-family: “Pathway Gothic One”,sans-serif;
font-style: normal;
font-weight: 400;
text-transform: uppercase;
font-size: 1.9em;
color: #cb2228;
}

for some reason I’m getting huge space between this and the next text box.
I need to reduce the spacing.
I have tried margin and padding css to no effect.

Thanks

#10

Hi @Nate_Sheridan,

Thanks for writing around! Can you please provide the URL of your site so we can take a look at your setup and provide you the solution accordingly?

Thanks!

#11

Thanks for the fast response.

http://socialmediasumo.co.uk/

The styling has been applied at the very bottom ‘contact’ section to the titles ‘Find Us’, ‘Email Us’ and ‘Call Us’ where you will see there’s quite a big gap between the paragraph text below each title.

Many thanks.

#12

Hi @Nate_Sheridan,

Please also add this CSS:

.t2 p {
    margin-bottom: 0;
}
#13

That solved my issue perfectly.

Many thanks! :ok_hand:

#14

You’re welcome, @Nate_Sheridan