Turning off diagonal effects?

Is there an easy way I can simply turn off the diagonal effects in this template and just square them off??

Let me know if you want a screenshot to illustrate what I mean.

Thanks!

Please edit: /templates/gk_musicstate/css/override.css and add at its end:

Code: Select all

.frontpage #gkDarkBottom:after,
.frontpage #gkDarkBottom:before {
   -webkit-transform: skewY(0deg);
   -moz-transform: skewY(0deg);
   -ms-transform: skewY(0deg);
   -o-transform: skewY(0deg);
   transform: skewY(0deg);
}
.frontpage #gkBottom3:after,
.frontpage #gkBottom3:before {
   -webkit-transform: skewY(0deg);
   -moz-transform: skewY(0deg);
   -ms-transform: skewY(0deg);
   -o-transform: skewY(0deg);
   transform: skewY(0deg);
}


Remember to enable "CSS override" in template settings - advanced section.

That's worked exactly how I wanted. Thanks Cyberek!

Only diagonal effect it doesn't turn off is one between TOP USERS and the THERE ARE MANY VARIATIONS OF PASSAGES LOREM IPSUM AVAILABLE footer.

Please see attached screen grab.

How can I turn this last one off?

Could you please post an url to your site?

Sorry Cyberek - same answer as previously. I'm just working off the demo quickstart package and it's offline at the moment and not online. But I have made no changes (beyond override.css codes advised by yourself). Thanx

Basing on MusicState demo:

Code: Select all

#gkBottomSection:before {
-webkit-transform: skewY(0deg);
-moz-transform: skewY(0deg);
-ms-transform: skewY(0deg);
-o-transform: skewY(0deg);
transform: skewY(0deg);
}


Add above code to fix the last skewed line.

That did it!! Thanks a million Cyberek

No problem .