Different backgrond behind bottom and header?

I´ve been trying to change the background behind the countdown on the mainpage, but with no success. I have removed the map and the countdown and have set a singe picture as feature instead. Behind this picture I would like a white background with some details. But as soon as I change this background the background behind the bottom is changes as well. And a white background bhind the bootom doesn´t look good on my webpage.

It there any way to seperate theese two backgrounds in this template?

Thanks!

Regards, Anita

Could you please provide me with a URL to your website, either here or via PM (click the “Private Message” text underneath my avatar) so that I may analyze it? It is a lot easier for us to diagnose issues when we have a live site to examine.

Hi .-)

Thank you! I have sendt you a PM.

Anita

Hi

I would change footer bg directly in this layer with code:

Code: Select all

#gkBottomWrap {
    background: #666 none repeat scroll 0 0;
}


Now a background under the website can be changed with as You have it right now:

Code: Select all

body {
    background-image: url("../images/bg1920.jpg") !important;
}


if You want a different bg per page You will have to use page class suffix. Here is an example of how to use it: https://www.gavick.com/documentation/jo ... omla-pages

Than let say You have a suffix "lightbg", so a code to include bg in css would be:

Code: Select all

body.lightbg {
    background-image: url("../images/bglight1920.jpg") !important;
}


While adding this codes do not change any of css files. Use override.css file to just add overrides for this classes. Make sure override is enabled in template advanced settings or this file will not be used.

Hi!

I can´t get you suggestion on how to change the background behind the footer to work. I did put this code in the override.css:
#gkBottomWrap {
background: #666 none repeat scroll 0 0;
}
...but no change in the background.

And I do have the override enabled

Do you have any other suggestions on how to solve this?

Thanks!

Anita

Please take a look at this for me. This is the only thing missing before I can deliver the webpage to my customer...

Thank you so much

Regards, Anita

Hi

Plese tell me the url to Your site. This works when I try that on demo.

Try use a higher priority code:

Code: Select all

#gkBottomWrap {
    background: #666 none repeat scroll 0 0 !important;
}


Hi!
My url is: http://www.overoslo.paydesign.no

Your new code didn´t change anything either. Perhaps I´m doing something really wrong?

Regards, Anita

Hi

The url is blocked for me.

I do not understand Your screenshot. I can see a background color exactly where my code is adding it, so maybe I misunderstood Your question.

Try maybe this code to see what background I'm thinking about:

Code: Select all

body #gkBottomWrap {
    background: pink none repeat scroll 0 0;
}


Sorry, but the site was hacked last week, and therefore you got the Forbidden page instead. It is fixed now.

But the problem is the same. The background behind the footer is the same as behind the slider. Please take a look at the attached picture, where you can see what I mean. As you can see the background is almost white and the text is therefor very difficult to read. My customer wants a darker background, and most of all the original one i sort of dark grey.

I understand that the code you see looks like the background is dark, but as you can see in the picture it isn´t. The website is up again as well, so please take a look at that as well if possible
www.overoslo.paydesign.no

Thanks!

Regards, Anita

Sorry, but the site was hacked the last time you looked at it, and therefore you got the Forbidden page instead. It is fixed now.

But the problem is the same. The background behind the footer is the same as behind the slider. Please take a look at the attached picture, where you can see what I mean. As you can see the background is almost white and the text is therefor very difficult to read. My customer wants a darker background, and most of all the original one i sort of dark grey.

I understand that the code you see looks like the background is dark, but as you can see in the picture it isn´t. The website is up again as well, so please take a look at that as well if possible
http://www.overoslo.paydesign.no

Thanks!

Regards, Anita

Hi

I still cannot see my code being added to website, but I can see that current background may be still override the code, so it would be better to use this code:

Code: Select all

#gkBottomWrap {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    padding: 0;
}


make sure it's copied to override.css and that override is enabled in template settings.

Hi

Ok. I can see You've added my code and now small issue is revealed. Please replace my code with:

Code: Select all

#gkBottomWrap {
    background: #000 none repeat scroll 0 0;
}


Hi

I just found Your messages in my PM box. I've checked Your override.css and You had couple of errors with } closed too early. Now everything works.