Jump to content



Photo
- - - - -

giving 2.3.1 a white background wrapper?


This topic has been archived. This means that you cannot reply to this topic.
25 replies to this topic

#21   FabioW

FabioW
  • Members
  • 22 posts

Posted 12 May 2011 - 17:22

This is what I have done:

In stylesheet.css I have add:

.banner_position {
text-align: center;
padding-bottom: 20px;
background: #d5fe74;
width: 960px !important;
}

in footer.php I have changed:

<div class="grid_24 alpha omega footer footer_background">
<p align="center"><?php echo FOOTER_TEXT_BODY; ?></p>
</div>

<?php
if ($banner = tep_banner_exists('dynamic', '468x50')) {
?>

<div class="grid_24" style="text-align: center; padding-bottom: 20px;">
<?php echo tep_display_banner('static', $banner); ?>
</div>

<?php
}
?>

to:

<div class="grid_24 alpha omega footer footer_background">
<p align="center"><?php echo FOOTER_TEXT_BODY; ?></p>
</div>

<?php
if ($banner = tep_banner_exists('dynamic', '468x50')) {
?>

<div class="grid_24 alpha omega banner_position">
<?php echo tep_display_banner('static', $banner); ?>
</div>

<?php
}
?>



And now I have green background and no margins. However I have no idea what are this "alpha omega"...

Many Thanks

#22   npn2531

npn2531
  • Members
  • 1,142 posts

Posted 12 May 2011 - 17:36

alpha and omega are classes use to balance out the margin spacing between columns. Use only one at a time. Use the alpha class for columns on the left, omega for columns on the right, and omit them for inside columns. Without alpha and omega you'll end up only being able to fit 23 columns in a 24 column layout (or 11 in a 12 column layout). With alpha and omega columns fit to the last pixel perfectly spaced horizontally.


Take out the omega class in your code above and you'll see the column scoot to the left exactly 5 (10?) pixels.

Edited by npn2531, 12 May 2011 - 17:50.


#23   multimixer

multimixer

    Lemons or Melons ?

  • Partner
  • 4,603 posts

Posted 12 May 2011 - 17:51

You can also read here about alpha and omega classes

#24   npn2531

npn2531
  • Members
  • 1,142 posts

Posted 12 May 2011 - 17:59

Actually since you have one column all the way across it will still fit without the alpha and omega, as if it were an inside column, but using the alpha or omega will shift the column left or right. Useful to line up the footer directly under the header and content container.

PS - link above is great, and graphically demonstrates this.

Edited by npn2531, 12 May 2011 - 18:01.


#25   FabioW

FabioW
  • Members
  • 22 posts

Posted 18 May 2011 - 04:42

Is there some easy way to remove all the margins (headrer, body wrapper, footer and banner space) at the same time?

#26   cm27

cm27
  • Members
  • 31 posts

Posted 10 November 2011 - 02:42

I think if you guys here dumped the 960 grid you would feel the full power of the css files. I find it way harder to use this grid lay out then a normal set of divs and css . Call me old but here what I did for a friends buddy a few months back http://i54.tinypic.com/1zdb3o6.png .. I only used 2 css files one for my html layout there othere for the site. here we use many of them. I have a theme going now and I will post it once I am done. If you guys need help /biggrin.png' class='bbc_emoticon' alt=':D' />