Hello

I subthemed the orig theme and took the page.tpl.php file with my sub theme

I have slightly modified it to increase some sections in the header.

I have been unable to identify why there appears to be no padding to some of my sections. I have added a background color and different color for my background on the main and sidebar sections. THe text appears 0px from the color change.

I assumed this was because of the alpha and omega tags but I have played with them without positively affecting my issue.

I read in the readme not to add padding or margins to the content in a grid div or it may throw the whole thing off. Does anyone know what is happening and perhaps how to fix it to get the kind of output I am seeking?

I took a screen shot incase I am horrible at describing it.

CommentFileSizeAuthor
2009-09-13_220941.JPG35.72 KBdjinn23

Comments

dvessel’s picture

dvessel commented

You can use an inner wrapper and apply an offset through negative margins. It's important to keep the 960 styles intact since it keeps it predictable. Just make sure to fix it in IE by enabling "has-layout" for the wrapper and the grid.

Markup:

<div id="sidebar" class="grid-4">
  <div class="sidebar-wrapper">
    ...
  </div>
</div>

Style:

.sidebar-wrapper {
  // Apply the offset and padding.
  margin: 0 -10px;
  padding: 0 10px;
  background-color: yellow;
}

Then in an IE specific style (mainly needed in 6):

#sidebar,
.sidebar-wrapper {
  zoom: 1;
  position: relative;
}
djinn23’s picture

djinn23 commented

Thanks I will give it a whack!!

UPDATE:
I did and it worked well for the sidebar. The main section I am a little confused about. I started to throw my concerns up there but to be fair to you and your time I will hold off until I can try to figure it out.

Thanks again a lot.

dvessel’s picture

dvessel commented
Status: Active » Postponed (maintainer needs more info)
Branjawn’s picture

Branjawn commented

This is a really annoying "bug". Yeah, I know everything works the way it is supposed to, but it's pretty crappy to have text with no padding. It would be nice if padding were allowed or built in or something without having to make more DIVs just for formatting sake.

dvessel’s picture

dvessel commented
Status: Postponed (maintainer needs more info) » Closed (works as designed)