White diagonal angle over background photos

How I can change the diagonal angle back to normal horizontal?

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.

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.

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.,

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

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...

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.

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...

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.

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.,

.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);
}

Can I look at your site?

http://95.211.71.7/~weddings

In the mean time I have changed more, transparant background etc.

Ok, I've visited your site but can't see any diagonal background. All images are not rotate so where is the problem?

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.

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.