Ask your WordPress questions! Pay money and get answers fast!

CSS Code WordPress

SOLVED

Hi!
I need a smal css-code for this page: http://landestelle.ch

I would like, that the white background of the content (div.wrapper) is exdending to the right side, <strong>but fluid. </strong>The content should stay in the middle of the page.

Like this, tha black background would build a L shape.

See attachment.

Thanks Simone

2013-04-23 by Simone Fuchs

Answers (5)

2013-04-23

Daniel Yoen answers:

you must add "outer div"

<div class="outer"> <div class="wrapper"></div> </div>

and css :

.outer{background: #FFF;position: relative;left:50%;margin-left: -488px;} //wrapper width/2 .wrapper{width: 976px;background: #fff;}

you can see demo here :
http://jsfiddle.net/mDCx5/

hope this help :-)

Simone Fuchs comments:

Hi! It's looks like exactly what I want, but where I have to add the "outer div"?

Daniel Yoen comments:

please check header.php

<body <?php body_class(); ?>>

to

<body <?php body_class(); ?>> <div class="outer">

and footer.php

add

</div>

before </body>

hope this help :-)

Simone Fuchs comments:

Hi! Where do I have to add the "outer div"?

Simone Fuchs comments:

Ok, I will try

Simone Fuchs comments:

I can't find body_class in the header.php

I use Sight theme: http://wpshower.com/themes/sight/

Daniel Yoen comments:

try this :

replace your own with this.

hope this help :-)