HOW TO ADD PHOTO IN BACKGROUND ?

**GK User** Sat Apr 26, 2014 3:56 pm Reply with quote Report this post

HI,

i want to add a picture in a background.
I use the present code :
html {
background: url(/forum/images/bg.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
But the image is not visible.
This is under the défaut background.

CAPTURE 2014-04-26 à 16.54.11.jpg

How to make the Publisher background transparent or how to remove it to see my bg.jpg picture ?

**GK User** Sat Apr 26, 2014 4:56 pm Reply with quote Report this post

Show me your url and I can help

**GK User** Sat Apr 26, 2014 5:56 pm Reply with quote Report this post

http://www.mouvroc.fr

**GK User** Sat Apr 26, 2014 6:57 pm Reply with quote Report this post

Ok so whats the url for the image you want to add as a background? There is no image in the location you have specified

**GK User** Sat Apr 26, 2014 9:24 pm Reply with quote Report this post

http://go-mouv.fr/site/

**teitbite** Sat Apr 26, 2014 11:40 pm Reply with quote Report this post

Hi

I can see the background You set in place, so I believe problem is that it's covered with other backgrounds. Please use this code to remove them:

Code: Select all: body, #gkPageWrap { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); }

**GK User** Sun Apr 27, 2014 10:12 am Reply with quote Report this post

Great thank you.
how to change the background for each menu ?

**GK User** Sun Apr 27, 2014 10:41 am Reply with quote Report this post

and How to change the background footer

Regards

**teitbite** Mon Apr 28, 2014 8:49 pm Reply with quote Report this post

Hi

Do You mean to have a different background for every page ? You need to use "Page class suffix" in template settings. It will add a class to <body> tag and allow You to use different background per suffix:

Code: Select all: body.YOUR_CLASS_SUFFIX { background: url(../images/bg.jpg) no-repeat center center fixed; }

for footer use this code:

Code: Select all: #gkFooter { background: url(../images/bg.jpg) no-repeat center center fixed; }

**hoiung** Tue Aug 05, 2014 10:38 pm Reply with quote Report this post

Hi,

I am interested in adding a bg.jpg image for different menu item pages... I don't quite understand how to use:

body.YOUR_CLASS_SUFFIX {
background: url(../images/style1/bg.jpg) no-repeat center center fixed;
}

Where do I put this? I only want this for the template color "freestyle". Reason is because I have am going to have different template colors with different background for different seasons! and the 4 season in the year I can change it accordingly.

Can you do a step by step run through for me how to configure it to do so?

**teitbite** Thu Aug 07, 2014 10:39 am Reply with quote Report this post

Hi

Please read this article: https://www.gavick.com/documentation/jo ... ent-pages/

**hoiung** Fri Aug 08, 2014 2:34 pm Reply with quote Report this post

Hi,

That was a useful document thank you. I have installed the Lomart - bgMAX module, however can you advise for publisher which module position am I suppose to assign it to get it working?

Thanks,

Hoi

**hoiung** Fri Aug 08, 2014 2:51 pm Reply with quote Report this post

Hi,

Okay I think I got the bgmax module working using the position "debug", however the background seems to be covered by the default background!
I tried to use the same code and added it to my template.css:

body,
#gkPageWrap {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}

but this doesn't seem to make any difference, i must be doing it wrong? Any suggestion how to fix?

My website is: http://adventureand.me

Thanks,

Hoi

**teitbite** Sun Aug 10, 2014 2:58 pm Reply with quote Report this post

Please add this code to override.css and make sure override is enabled in template settings.

Code: Select all: #gkPageWrap { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); }