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. Maybe this isn't always true, but it seems it to me.

Could it be the padding of the block that I added to the region expanding the Preface-top wrapper? If so how would I edit that in my css file.

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 {
}

If anyone knows how to get rid of this top and bottom space that I'm talking about, please let me know.

Comments

mahyarsbt’s picture

please post html & div you talking about

jtunney1’s picture

When I added the image to the body of the block, it was giving it a p tag which was giving it the margin and padding of p elements.

adding:

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

is what did it for me