Diagonal Line

**GK User** Thu Mar 20, 2014 3:05 am Reply with quote Report this post

Hi Guys,

Happy to be Gavick forums.

My question is very simple: how can I put the diagonal line completely horizontal.

Please help!

Regards

**GK User** Thu Mar 20, 2014 10:59 pm Reply with quote Report this post

Happy happy people....
they singing about transform....

Code: Select all: .frontpage #gkBottom3:after, .frontpage #gkBottom3:before { transform: skewY(0deg);}

Full manual how to play with CSS: http://www.gavick.com/documentation/joo ... -template/

**GK User** Fri Mar 21, 2014 12:16 am Reply with quote Report this post

Great!! Happy happy

i complted the code with this and work!!

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

**GK User** Fri Mar 21, 2014 12:56 am Reply with quote Report this post

-webkit-transform: skewY(14deg);

must be also "zero"

**GK User** Fri Mar 21, 2014 3:15 am Reply with quote Report this post

Thanks I'm going to changed

But I have seen that in the mobile version the lines go back to bing diagonal again.

Does any one have a solution?

**GK User** Fri Mar 21, 2014 3:33 am Reply with quote Report this post

Thanks, after changing the number that you suggested the line in mobile version is horizontal again.

But the newsletter banner and artists banner continues diagonal in mobile version.

Heeeelp!

**GK User** Sat Mar 22, 2014 1:12 pm Reply with quote Report this post

so you have to :

1) add also in mobile.css
or
2) add !important value at the end -- read more about this css tag.

**GK User** Sat Mar 22, 2014 4:47 pm Reply with quote Report this post

Solved!! Thank yoou