Creating Diagonal

Hi docperi

I got it to work with the css below. If you want to have a look it’s http://pre.colorit.ch. You have to enable custom IDs in Enfold though. http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/’

Hope it helps. Corina

===========================

#intro::before {
background: #fff none repeat scroll 0 0;
content: “”;
display: block;
height: 100px;
position: absolute;
bottom:-80px;
transform: skewY(1.5deg);
width: 100%;
z-index:100;
}

div#intro {
position:relative;
overflow:hidden;
}

#about::before {
background: #dc1e38 none repeat scroll 0 0;
content: “”;
display: block;
height: 100px;
position: absolute;
bottom:-80px;
transform: skewY(-1.5deg);
width: 100%;
opacity: 0.8;
}

div#about {
position:relative;
overflow:hidden;
}

#network::before {
background: #fff none repeat scroll 0 0;
content: “”;
display: block;
height: 100px;
position: absolute;
bottom:-80px;
transform: skewY(-1.5deg);
width: 100%;
z-index:50;
}

div#network {
position:relative;
overflow:hidden;
}

#references::before {
background: #dc1e38 none repeat scroll 0 0;
opacity:0.8;
content: “”;
display: block;
height: 100px;
position: absolute;
bottom:-80px;
transform: skewY(1.5deg);
width: 100%;
z-index:10;
}

div#references {
position:relative;
overflow:hidden;
}

Hi Vinnie

I am so grateful for all the support I receive from you guys. So if there is some small contribution I can make I am glad to do so.

Thanks also re comment to the site… it is still in development and there are a lot of placeholder images/films there… :) but it’s also your theme that totally rocks … gives so much flexibility to create.

Have a lovely weekend.
all the best,
Corina