disable background image in homepage

i cant find the setting on how to disable the background image in the homepage. this is the first image that shows up in the slideshow specifically the business district skyline image. thank you for your usual help


fmc.eruel.com

Hi,
are you talking about this City in night image ?
http://fmc.eruel.com/templates/gk_game/ ... der_bg.jpg

Just replace with your own - or use transparent image instead.

hi, yes the city image.

how can i set not to showup just on the homepage? the background is ok on the inside pages.

thanks

Maybe use this:

Code: Select all

body.noBg #gkBg { background: transparent !important;}

Read this tip: http://www.gavick.com/documentation/joo ... -template/

Thank you Pawel. Unfortunately it did not work

Upsss...
Right now you have strange error "[an error occurred while processing this directive] "


Maybe this one:

Code: Select all

body.noBg #gkBg {
    background-image: none !important;
   background: none !important;
}

But please remember to refresh browser before you will check.

i uploaded the updates and im having hard time now to make the joomla site work...

tried the code in local but background is still there.

by the way, here are all the custom css codes that's been applied. maybe we can get leads out of the codes. thanks

#gkLogin {display:none;}
.contact h2{display:none;}
.box.highlights { background: none repeat scroll 0 0 #224F9C; }
.box.highlights .gkNspPM-Highlights li { border-bottom: 1px solid #2558AE; }
.bigtabs .gkTabsWrap ol li.active, .bigtabs .gkTabsWrap ol li.active:hover { background: none repeat scroll 0 0 #224F9C; }
.bigtabs .gkTabsWrap ol li.active:after { border-top-color: #224F9C; }
.gkIsWrapper-gk_game figcaption h2 { text-shadow: 3px 3px 0 #505050 ; }
.gkIsWrapper-gk_game figcaption p { text-shadow: 2px 2px 0 #505050 ; }
.gkIsWrapper-gk_game .gkProgressBar { background: none repeat scroll 0 0 #9A342C }
#gkPageContent > div { clear: none; }
.nobg #gkContent {display: none;}
.showcase p.nspInfo .category { background: none repeat scroll 0 0 #9A342C; }
.gkNspPM-VideoGallery .gkBigBlock strong { background: none repeat scroll 0 0 #9A342C; }
.gkTabsWrap ol li.active, .gkTabsWrap ol li.active:hover { background: none repeat scroll 0 0 #9A342C; }
.gkTabsWrap ol li.active:after { border-top-color: #9A342C; }
.gkIsWrapper-gk_game figcaption h2 { font-size: 90px; }
.gkIsWrapper-gk_game figcaption p { font-size: 25px; }
.gkNspPM-VideoGallery .gkSmallBlock small { border: 1px solid #FADA52; }
.gkNspPM-VideoGallery .gkSmallBlock small:after { border-color: rgba(0, 0, 0, 0) #FADA52 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); }
.box.highlights .header {border-bottom: 1px solid #2558AE;}

I tried on my demo page, and I don't see background image when "noBg" class was added.
I will try to help you when your website will be on-line, now leave it, is not important.