White diagonal angle over background photos

Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Wed Nov 20, 2013 12:18 pm
Reply with quote
Report this post
How I can change the diagonal angle back to normal horizontal?
User avatar
Expert Boarder

GK User
Wed Nov 20, 2013 2:53 pm
Reply with quote
Report this post
Please add this code to override.css file in root/templates/gk_template_name/css directory :
Code: Select all
.frontpage #gkBottom3:after,
.frontpage #gkBottom3:before,
.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);
}

and then just remember to enable "Use override CSS" option in template advanced settings tab.
User avatar
Platinum Boarder

GK User
Mon Dec 02, 2013 10:42 am
Reply with quote
Report this post
Thanks, just the lowest one will not work yet, how can i add code to it that that one also gets horizontal? that's not only at the frontpage but everywhere still diagonal showing up.
User avatar
Expert Boarder

GK User
Tue Dec 03, 2013 9:48 am
Reply with quote
Report this post
To affect code to whole pages please jest remove the frontpage part from my code. If you want to apply code for other sections you need to do to same for .gkBottom2 etc.,
User avatar
Platinum Boarder

GK User
Wed Dec 04, 2013 4:16 pm
Reply with quote
Report this post
Have the same problem - but the code you suggested (added to override.css) did not change anything in my case.
Maybe I made a mistake?

I would like to get rid of the diagonal - or the whole module position if necessary. On every page!

Please help

http://d16855.ispservices.at/varianteGKmusicstate/index.php/de/apartmenthaus/unser-haus/apartmenthaus
User avatar
Junior Boarder

GK User
Thu Dec 05, 2013 10:00 am
Reply with quote
Report this post
Woidl, you have turned on css overide modus? in the template features it's standard turned off!

only the final bottom part doesn't want to get horizontal...
User avatar
Expert Boarder

GK User
Thu Dec 05, 2013 3:34 pm
Reply with quote
Report this post
hi,
css override is on.
the last bottom part does not react on changes in the override.css.
I can change the jpg, that works.

The other bottom-areas on the homepage of Quickstart have disappeared since I started to use 2 languages. So I do not need to cope with these - but only the last bottom part still remains and no reaction on changes as mentioned in this forum.

It would be okay to "delete" this area at all. I do not need it.


RKDesigns wrote:Woidl, you have turned on css overide modus? in the template features it's standard turned off!

only the final bottom part doesn't want to get horizontal...
User avatar
Junior Boarder

GK User
Fri Dec 06, 2013 1:15 pm
Reply with quote
Report this post
Same here, bottom5 is still showing up diagonal. I hope they have a solution, it's nice the diagonal parts, but not suitable for everyone.
User avatar
Expert Boarder

GK User
Sat Dec 07, 2013 1:54 pm
Reply with quote
Report this post
Did you add the code for second bottom block as I wrote before?

. If you want to apply code for other sections you need to do to same for .gkBottom2 etc.,
User avatar
Platinum Boarder

GK User
Tue Dec 10, 2013 6:57 pm
Reply with quote
Report this post
.frontpage #gkBottom1:after,
.frontpage #gkBottom1:before,
.frontpage #gkBottom2:after,
.frontpage #gkBottom2:before,
.frontpage #gkBottom3:after,
.frontpage #gkBottom3:before,
.frontpage #gkBottom4:after,
.frontpage #gkBottom4:before,
.frontpage #gkBottom5:after,
.frontpage #gkBottom5:before,
.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);
}

if i try next nothing happens then i'm back to the origional situation.

#gkBottom1:after,
#gkBottom1:before,
#gkBottom2:after,
#gkBottom2:before,
#gkBottom3:after,
#gkBottom3:before,
#gkBottom4:after,
#gkBottom4:before,
#gkBottom5:after,
#gkBottom5:before,
#gkDarkBottom::after,
#gkDarkBottom::before {
-webkit-transform: skewY(0deg);
-moz-transform: skewY(0deg);
-ms-transform: skewY(0deg);
-o-transform: skewY(0deg);
transform: skewY(0deg);
}
User avatar
Expert Boarder

GK User
Wed Dec 11, 2013 1:38 pm
Reply with quote
Report this post
Can I look at your site?
User avatar
Platinum Boarder

GK User
Thu Dec 12, 2013 1:13 pm
Reply with quote
Report this post
http://95.211.71.7/~weddings

In the mean time I have changed more, transparant background etc.
User avatar
Expert Boarder

GK User
Sat Dec 14, 2013 2:40 pm
Reply with quote
Report this post
Ok, I've visited your site but can't see any diagonal background. All images are not rotate so where is the problem?
User avatar
Platinum Boarder

GK User
Tue Dec 17, 2013 11:47 pm
Reply with quote
Report this post
95.211.71.7/~rstuning has no changes to the other css files only in overide.css but the very bottom part above the footer still show up diagonal in the whole site, not that it is that bad with the R8 behind it placed in an angle.

the other one /~weddings I changed it in the other files and did some other changes so with updating the temple files later I have to add the changes again.
User avatar
Expert Boarder

GK User
Fri Dec 20, 2013 11:50 am
Reply with quote
Report this post
Please add this code to override.css file in root/templates/gk_template_name/css directory :
Code: Select all
#gkBottomSection:before {-webkit-transform: skewY(14deg);
-moz-transform: skewY(0deg);
-ms-transform: skewY(0deg);
-o-transform: skewY(0deg);
transform: skewY(0deg);}

and then just remember to enable "Use override CSS" option in template advanced settings tab.
User avatar
Platinum Boarder


cron