Jump to content


Photo
- - - - -
Resolved

Reduce Space Between Headings And Content

padding heading content

This topic has been archived. This means that you cannot reply to this topic.
7 replies to this topic

#1 aerta

aerta

    Super Member

  • Members
  • 140 posts

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

    Advocate

  • Unicorn Store Dev

  • 2924 posts

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

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

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

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

  • Members

  • 5126 posts

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



#7 aerta

aerta

    Super Member

  • Members
  • 140 posts

Posted 30 October 2012 - 09:45 PM

Perfect! Thanks

#8 James B

James B

    Advocate

  • Members

  • 5126 posts

Posted 30 October 2012 - 10:56 PM

The topic was marked as resolved.