Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
Sign in to follow this  
rtchooch

Every time I single space h1 & paragraph, the fonts change to match?

Question

1 answer to this question

Recommended Posts

  • 0

I assume you're using a Shift-Enter to move to the next line? The problem with doing that is that it's intended as a continuation of the previous line without a full break, so any stylings you have on line 1 will be carried over to line 2. It's also something you should be cautious of using. It's no different than using a <br> tag. You may end up with unwanted results if the screen size changes.

Anyway, more to your question - the best way to close the gap on an element is to reduce it's padding or margins. My guess is that you have a lot of top and bottom padding on your 'p' element (this is pretty common). Or, judging by your image, there is a lot of padding-bottom on your H1. You should be able to adjust this using Custom CSS.

I can't see what your current settings are without a link to your site, but you could do something like this:

h1 { padding-bottom: 2px }

OR

p { 
  padding-top: 2px;
  padding-bottom: 2px;
}

Keep in mind, this will change for all h1 or p elements on your site. I'd have to see your site to determine how to target a specific element.

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment

Sign in to follow this  

×
×
  • Create New...