Adjusting the spacing between blocks of code.

[[email protected] 0]

Quick CSS question. I'm trying to adjust the spacing between my three objects on the body (i.e. Call Out, Feature, boxes). If your looking at the home page of my site, I want the feature pushed higher hugging the bottom of the Call out section. Then I would like to move the call out section slightly higher towards the header. Simply put the gaps are too big right now... What is the proper CSS code to get this done? Thanks, -Nick

[catrina 103]

You can find the CSS code using Firebug, which is very handy for creating CSS customizations you need throughout your site layout. There is a tutorial on Firebug and custom CSS here: http://www.pagelines.com/wiki/Custom_CSS. For your fixes, you will need to use the margin attribute, which is described in this CSS documentation: http://w3schools.com/css/css_margin.asp

[[email protected] 0]

Thanks Catrina. I think what I need specifically is the css to get rid of the "padding" around the call out box for the style sheet...

[Rob 547]

Catrina's correct. You should be using Firebug to identify the elements specifically you wish to change. Each should have padding, margins and other CSS that you may adjust accordingly. Here's a rather generic thing you may wish to try. The original calls for 15px. I've adjusted to 2px. [code].content-pad { padding: 2px; }[/code] Added to Custom Code > CSS Rules, you should see a marked difference, everywhere on your site.