Remove not used Areas in Template

Hi there,

wanna make some parts of template not visible ... its the part where are the background pictures

dark_bottom_bg.jpg and
bottom_bg.jpg

site is http://joergschnitzer.de/web/

And i want to remove everyting under the "Dienstleistungs-Übersicht"

Regards
Michael

Hi

Add this to css:

Code: Select all

#gkDarkBottom,
#gkBottomSection,
#gkMainbody .gkSectionNav {
display: none;
}

#gkPageContent {
padding: 0;
}


hi.. thanks for message ...

what css ?
style.css ?
override ?

or what ?

Hi

Any css modifications should be place to override.css to avoid losing changes during template update. Just remember that override needs to be enabled in template settings.

Hi there

thanks for reply .. i enter the code in override.css .. that works .. but now i have lot of white unuesed page !
what else i have to enter in css to make it not visible !?

Hi

Here are some more lines of code than:

Code: Select all

.frontpage.dark-bottom #gkPageContent {
    padding: 0;
}

.frontpage.dark-bottom .gkDarkBottom + #gkBottom1 {
    margin-top: 0;
    padding: 0 0 20px;
}


Hi ...
have that code in override.css

but do not work !

#gkDarkBottom,
#gkBottomSection,
#gkMainbody .gkSectionNav {
display: none;
}

#gkPageContent {
padding: 0;
.frontpage.dark-bottom #gkPageContent {
padding: 0;
}

.frontpage.dark-bottom .gkDarkBottom + #gkBottom1 {
margin-top: 0;
padding: 0 0 20px;
}
whats wrong !? cause i allways see the white part under "Dienstleistungs-Überblick"

Hi

White space is from a padding:

Code: Select all

.frontpage.dark-bottom #gkPageContent {
    padding: 0;
}


I written this code before, but looks like there is no closing } in the class above which makes this class unusable.

so it means.. that is only code i need !?
please tell me exactly

regards

Hi

Here is how override.css should looks like:

Code: Select all

#gkDarkBottom,
#gkBottomSection,
#gkMainbody .gkSectionNav {
display: none;
}

#gkPageContent {
padding: 0;
}

.frontpage.dark-bottom #gkPageContent {
padding: 0;
}

.frontpage.dark-bottom .gkDarkBottom + #gkBottom1 {
margin-top: 0;
padding: 0 0 20px;
}