How to control space between excerpt title and bit/s below?

andrew_k · #1 Mar 9, 2011, 07:19 AM

Hi all,

I've looked and looked, and can't figure out how to make the space between the excerpt title and the bits below smaller, ie this space . It's in the home page, excerpts.

thanks,

lmilesw · #2 Mar 9, 2011, 08:27 AM

I used Firebug in Firefox to determine the selector and came up with the following code that can be added to ATO>Add HTML/CSS Inserts>CSS Inserts

HTML Code:

div.post-bodycopy p {
 margin: 0 !important;
}

andrew_k · #3 Mar 11, 2011, 07:12 PM

Quote:

Originally Posted by lmilesw

I used Firebug in Firefox to determine the selector and came up with the following code that can be added to ATO>Add HTML/CSS Inserts>CSS Inserts

HTML Code:

div.post-bodycopy p {
 margin: 0 !important;
}

Thank you! I thought it would be an adjustment in ATO, but I guess there are some adjustments that cannot be made in the 'normal' options.

I have no idea what a 'selector' is, but I rtfm'ed 'Firebug' and am installing it now.

thanks again,

Andrew K

lmilesw · #4 Mar 11, 2011, 08:00 PM

A selector refers to what in CSS is the class or ID. In your case it was the paragraph that is in the body of a post. We just had to override the default margin and thus had to add the !important. w3schools.com is a great place to learn about an play with selectors and CSS.