Need help removing all padding from Preface-Top Region

Please register or log in to post to the forums
5 replies [Last post]
jtunney1
jtunney1's picture
Offline
Joined: 2010-09-20
Posts: 26
Need help removing all padding from Preface-Top Region

I created my own fusion sub-theme. Everything has been going great, I just finished my primary nav menu. Now I am moving on to a Subbanner picture below it.

I created a block page, added the picture code into the body, and placed the block in the Preface-top region. The image shows perfectly as expected. But there is a huge gap between the image and my primary nav menu. I already set padding and margin to 0 for my primary nav menu, which helped close the gap a little bit.
I'm assuming that the padding for the Preface-top region is stopping me here and I can't figure out how to change it to 0. The only .css file I've been editing is the fusion-starter-style.css. There are not #Preface-top rules declared. I assumed I could just add it #preface-top and make padding and margin 0, but this isnt working.

example:

----------------------------------------------------------------------------------------------------------

Header

----------------------------------------------------------------------------------------------------------
Primary Nav Menu
----------------------------------------------------------------------------------------------------------

GAP!!!!!!

----------------------------------------------------------------------------------------------------------

Subbanner pic

----------------------------------------------------------------------------------------------------------

CONTENT

sheena
TopNotchThemer
sheena's picture
Offline
Joined: 2010-02-09
Posts: 1600

I don't think there is any padding in Fusion Core that would be affecting the Preface Top region. The space you're getting is probably coming from a margin on the primary links menu itself. Try adding this CSS to your theme:

#primary-menu ul.menu,
#primary-menu.block {
margin-bottom: 0;
}

If that doesn't help, a link to your site would be really helpful in diagnosing the problem.

Good luck,
Sheena

jtunney1
jtunney1's picture
Offline
Joined: 2010-09-20
Posts: 26

Hey, I tried adding that and it was a no go. I already removed the padding and margin from my primary-menu.

No link to my site... it is currently on a local server. If I can send a screenshot of my problem let me know please.

By adding a colored background to .preface-top-wrapper - it clearly shows me that there is top padding and bottom padding coming from somewhere for Preface-top. Because the areas I want closed are colored in.

Here is my css for that area:

/* Preface Regions
-------------------------------------------------------------- */
/* The Preface Top region sits between the header and the Main Area
(columns, sidebars, and main content). The Preface Bottom region
is inside the Main Area. */
.preface-top-wrapper {
background-color: #0C6;
}

.preface-top {
}

.preface-top-inner {
}

.preface-bottom {
}

.preface-bottom-inner {
}

I dunno??? possibly it's block padding, or img padding? I've tried making almost everything
margin: 0;
padding: 0;

Maybe my test isn't always true, with setting the BG color of the wrapper. But to me it looks like it's Preface-top wrapper padding (top, bottom).

jtunney1
jtunney1's picture
Offline
Joined: 2010-09-20
Posts: 26

I was reading up on a forum from the past and someone says to add this to local.css:

.preface-top-wrapper {
padding-top: 0;
}

.preface-top-wrapper .block {
margin-bottom: 0;
}

.preface-top-wrapper .block .inner {
margin: 0;
}

I tried this and the padding above and below still don't get removed.

IS IT POSSIBLY THE PADDING OF THE BLOCK BEING PLACED within the Preface-top wrapper??? But isn't that what #preface-top.block { takes care of? Only other thing I can think of.

sheena
TopNotchThemer
sheena's picture
Offline
Joined: 2010-02-09
Posts: 1600

There isn't any padding placed on either the preface-top region or any blocks by Fusion Core.

The other possibility is that your image tag has been wrapped in a paragraph tag by Drupal's HTML filter. If that is the case, you could try adding this CSS:

  #preface-top .block p {
  margin: 0;
}

Since this is your own custom theme, without a link to your site, there really is no way for me to troubleshoot the problem. If you do not have it already, I would suggest installing and learning how to use the Firebug module for Firefox (http://getfirebug.com/). It will help you inspect HTML elements on a page and determine what CSS is affecting them, and is very useful for troubleshooting these types of problems.

jtunney1
jtunney1's picture
Offline
Joined: 2010-09-20
Posts: 26

WOW! that's exactly what it was, now my Preface-top region is pressed up against my Primary Nav Menu exactly how I want it.

Thank you.