Change background (gradient)

schumacher-krankenfahrten · August 2016

Hello.

How can I change the background on my site like this page: http://www.koko-trading.de/impressum/

I can't find anything. Some gradient css I tried, doesn't work.... I would change my background from top light blue to bottom white. Is it possible and how can I do this?

Thanks!

Albert · August 2016

Hi,

please send us link to page where you would like to do this first. We do not have an option to set gradient backgrounds but if you will send us link to page, we will see it's possible with custom css.

schumacher-krankenfahrten · August 2016

sorry, my page is under construction at the moment :-)

Do we have an other opportunity? How can I do it on a blank white page? For example on a section with white background...

Albert · August 2016

No, we do not have other opportunity. Let us know when you site would be online then so we can have a look on it first.

schumacher-krankenfahrten · September 2016

Hello.

My site is online now: http://autovermietung-schumacher.de

Albert · September 2016

Ok. So to set similar gradient background, you need to set Transparent content under Theme options > Global > General section. And then, use the following css:

#Content {
    background: red !important;
    background: -webkit-linear-gradient(red, yellow) !important;    
    background: -o-linear-gradient(red, yellow) !important;
    background: -moz-linear-gradient(red, yellow) !important;
    background: linear-gradient(red, yellow) !important;
}

schumacher-krankenfahrten · September 2016

Doesn't work ....... I set Transparent content.... and at Custom CSS (Theme options) your css...

Albert · September 2016

Sorry, one more thing. You need to remove background colors from the sections as well. And also, please replace the css we gave you previously with the new one we changed above.

schumacher-krankenfahrten · September 2016

wow, perfect now

but one problem... its from top to bottom (with scrolling). Can i change it like this page (http://www.koko-trading.de/impressum/). Here is set a height. For example only 500px and not the complete site if I scroll down.

Albert · September 2016

Please activate this background on your site so we can have a look on it because you still got background colors for sections set.

schumacher-krankenfahrten · September 2016

http://autovermietung-schumacher.de/flughafentransfer/

Albert · September 2016

Ok, thanks. So to make this background fixed position, you need to use the following css:

#Content {
    background-attachment: fixed !important;
}

schumacher-krankenfahrten · September 2016

Oh guys.... Have a look on it!

I love your support.

Thanks... Thanks... Thanks.. !!!! =D>

Albert · September 2016

You are welcome

schumacher-krankenfahrten · September 2016

but, the scrolling on this site is not clean... it's jerky

http://autovermietung-schumacher.de/impressum/

on this site it's ok:

http://autovermietung-schumacher.de/fahrzeug-mieten/

is it normally?

Albert · September 2016

It works the same on both sites and it behaves normally.

schumacher-krankenfahrten · September 2016

Okay. On Safari it's a little bit jerky.

Thank you very much!

Change background (gradient)

Comments