WordPress.org

1. janedoe10
   Member
   Posted 1 year ago #

   Hi there, I was looking for some help with a problem. When I put a H1 title in my posts, there is a hige gap between the H1 tage and the text below. Is there anyway that I can reduce this gap so that it looks normal?

   Here it is http://money-internet.org/e-books/making-money-quick/

   Many thanks

2. Bramblepath
   Member
   Posted 1 year ago #

   You could try adding a rule for H1 to the CSS file, and setting the margin-bottom element to something like -100px (or whatever) until the text is at a reasonable distance.

3. janedoe10
   Member
   Posted 1 year ago #

   Thanks for your reply, much appreciated. The stylesheet looks like this, where would I make the changes?

   p, h1, h2, h3, span#copyright { margin: 0 10px; color: #000; font-weight: normal}
   h1, h2, h3, h4 {margin-bottom:5px; color: #FFC48B; }
   p { font: 11px arial, 'Trebuchet MS', verdana; line-height: 1.6em;color:#000 ; }
   h1{font:normal 16px arial;letter-spacing: 0.8px;height:100px;padding:0px 0px 100px 5px;}

   /* site heading */
   h2 { font-size: 1.30em; line-height: 2.40em } /* site heading */
   h3 { color: #222222;font-size:16px;font-weight: normal;margin: 0px 0 0 0px;padding:0px 0px 0px 0px;text-decoration: none;letter-spacing:.05px;height:auto;background:none;}

   /* sub headings */
   h5 { margin:0px 0 8px 10px;font-size:11px; color:#FFF783; font-weight:bold;}
   h5 a{color:#666;}
   span#copyright { font-size: 13px; line-height: 35px; color: #000 }
   div { padding: 10px 0;}

4. Bramblepath
   Member
   Posted 1 year ago #

   I recommend adding a span tag around the H1 header, with a class something like "post-title", then in the CSS adding a new rule like this:

   .post-title h1 { margin-bottom: -170px; }

5. charles.murphy
   Member
   Posted 1 year ago #

   Using this code:
   h1{font:normal 16px arial;letter-spacing: 0.8px;height:100px;padding:0px 0px 100px 5px;}

   Adds 100px padding below your h1. Try changing it to this:

   h1{font:normal 16px arial;letter-spacing: 0.8px;padding:0px 0px 10px 5px;}

6. janedoe10
   Member
   Posted 1 year ago #

   Success! Thank you so much for your help.

Topic Closed

This topic has been closed to new replies.