Body Background Image

HI
I weanted to place a tileable or full sized image in the background where the gray is.
I realised that the menu and the main content area are tow seperate containers.
.gkMenuWrap menu.css line 230 and the body css in template.css line 16

I jsut want a flush background image for the larger screens. Asking here so i don't break code ... thanks in advance

Hi,
sorry if I didn't understand your whole concept , but maybe you will use a little transparent menu bar than adding there a another image which only shown your site.
Try this

#gkMenuWrap,
#gkMainMenu .gkMenu {background: transparent ; }
#gkHeaderNav {
background: rgba(34, 34, 34, 0.85) none repeat scroll 0 0;}

to get some fun.
Where? Read: https://www.gavick.com/documentation/jo ... a-template

Ah, I like. Thank you for your response. I may consider that.

But what i wanted to achieve is having a full background image in the body where the default grey or colour is, like some of your other templates do. I tried it in Firefox inspector and it worked but i realise that the menu area is a seperate wrapper.

I got through with everything ... I thank you for the above tip ... I can be flexible with my floating menu header now

PS One important part is to remove the padding on line 248, 248 padding-top: 0px; in menu.css; it leaves the previous 78px for the original menu height.

I can do anything now .. lol .. thanks mate

So all okey now? Or you needs more clues?

All Okie so far PM you the WIP link. Doing a few CSS Mods, i posted a question on a next topic per the floating menu. Will try to figure it out myself but help will appreciate the feedback.

In general all looks very nice,
if I may suggest, please add background color for "Music Video of the week"
or just a text-shadow to improve contrast, readability.
We talk about that class: .gkTitle > span { ..}