gkmainwrap causing problems with rgba

Hi,

I am having an issue with the Shop and Buy template. I am trying to make the gkheaderNav div translucent using: background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0 !important. I want to display a slideshow or static image towards the top of the page that appears behind this div. It seems to me that gkmainwrap is causing the issue here. Any ideas?

Hi

I'm not sure if I undersatnd correctly. Are You trying to place a slider under the site ? Can I please see what You have prepared already, so I'll be able to help ?

This is exactly correct! Everything I have tried using CSS I have not been able to make the header area transparent to show the top of the slideshow behind it. Any ideas?

Hi

I'm looking at Your site, but I still cannot figure out how this would looks like. Also Your template is highly modified already so I cannot make any tests on my copy.

Try maybe using code like:

Code: Select all

#gkHeaderNav {
    background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0 !important;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 300;
}


Hi

This looks to be much more complicated than I thought. You need to put the header over the slider with a code like:

Code: Select all

#gkHeaderNav {
    z-index: 1000;
}


but still there are spaces from layer above so it will not cover the whole site.