Jump to content


Photo
- - - - -
Resolved

Reduce Space Between Headings And Content

padding heading content

  • Please log in to reply
7 replies to this topic

#1 aerta

aerta

    Super Member

  • Members
  • 140 posts
  • Country: Country Flag

Posted 30 October 2012 - 04:43 PM

Hi,

How do I reduce the amount of space between the heading and the content underneath it?

Please Login or Register to see this Hidden Content



See the white space under the heading? I'd like to reduce it without the headings on the blog pages going haywire.

Please Login or Register to see this Hidden Content



Thanks.

#2 Jenny

Jenny

    Owned by PageLines

  • Unicorn Store Dev

  • 2917 posts
  • LocationWV
  • Country: Country Flag

Posted 30 October 2012 - 05:35 PM

You will need to write custom CSS code to remove the padding/margins.

Please Login or Register to see this Hidden Content



#3 aerta

aerta

    Super Member

  • Members
  • 140 posts
  • Country: Country Flag

Posted 30 October 2012 - 05:44 PM

Never managed to get Firebug or Chrome to identify these things, alas. Anyone else know what the padding/margin CSS is that I need to change?

Thanks

#4 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 30 October 2012 - 05:53 PM

You should change either the top padding for the content or the bottom padding for the heading. For the heading, it should be an <h2> tag followed by a class.

#5 aerta

aerta

    Super Member

  • Members
  • 140 posts
  • Country: Country Flag

Posted 30 October 2012 - 06:09 PM

Thanks Catrina. I'm using

h2 {padding: 0 0 -100; }

and

h2 {padding-bottom:-100px;}

but neither appear to make any difference. Just to be clear: I've tried identifying these tags with Firefox and adjusting padding etc, before I posted on the forum. Problem is, I can't get anything to work.

#6 James B

James B

    Advocate

  • Moderators
  • 4985 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 30 October 2012 - 09:28 PM

Hi there, when you look in firebug scroll through the list you'll see there's a yellow margin highlighted on the screen relating to the .post meta section. I've pasted the code in below, simply adjust that figure in the margin bottom to reduce the space.

Please Login or Register to see this Hidden Content


  • aerta likes this

#7 aerta

aerta

    Super Member

  • Members
  • 140 posts
  • Country: Country Flag

Posted 30 October 2012 - 09:45 PM

Perfect! Thanks

#8 James B

James B

    Advocate

  • Moderators
  • 4985 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 30 October 2012 - 10:56 PM

The topic was marked as resolved.





Also tagged with one or more of these keywords: Resolved, padding heading content