Full width divs flat web design on homepage only

[Alandb]

Hello - Hope someone can help

I would like to customize the Genesis Sample theme to display full width divs (flat web design). I am only interested in the flat design aspect and fill width divs for the homepage only.

I think I would need to put something like this in the page content area using my css to style the page, as an example

CSS - .inner-centred{ margin: 0 auto; width: 960px; } .container1{background-color: #c0c0c0; }

<div class="container1 wrap">
<div class="inner-centred">
// content
</div>
</div>

<div class="container2 wrap">
<div class="inner-centred">
// content
</div>
</div>

I am having problems getting the divs to stretch across the page, it looks like the site-inner div is stopping it? How can I get the container1 and 2 divs to stretch the page? Do I need to remove divs using the functions.php file and insert my own with a condition only to do this on the homepage, is_home()? - has anyone come across this issue before, or are there any tutorials on how to do this?

Thanks in advance!

[CleanPageDom]

Hi there

Anything you add in the .entry area will be constrained by the .site-inner width/.wrap etc. My workaround for this is to add some extra full-width widgets to the home page and then add the text in there.

Carrie Dils has the easiest-to-follow tutorial I've come across. I use this a lot in my designs.

Hope that helps.

Thanks
Dom

---

Let’s build a website together…

[Author]

Posts