Making Background Permanent

Hi there,

I replaced the gray background with something new. My problem here is that my image isnt that big enough to cover gray CODED background on bottom. I have removed the abstract.

Here is the link my demo site to show my problem.
http://www.plakdunyasi.com/demo

I want to make my background image stay still while people scroll down on my page. What code do I need to enter or change to make this possible?

And my second question is, I want to replace the white body compenent background with a new gradient image I found. What code for this I need to add or change?

Thanks for help.

Hi,
please try add to override.css

Code: Select all

html.lightbg {
background-attachment: fixed;
}


and to set other background then white for component add rules to:

Code: Select all

#gkContent > div {
}


Remember to enable override.css option in template settings.

Hi Konrad,

Thanks for your answer. I would like to have more details to set a new bg to component, where do I have to change or add that code?

All own template customization I advice add to override.css file. It will allow avoid issues during future updates. This file will never overrided during update. Remember to enable override.css option in template settings.

Hi there again,

I added your fix for background to override.css

Code: Select all

html.lightbg {
background-attachment: fixed;
}

But, it worked on main page. But still shows the half on the other pages.
Here is an example

https://plakdunyasi.com/demo/index.php/hakkimizda

How can I solve this?

Thanks for your help.

Change it to this one:

Code: Select all

html {
background-attachment: fixed;
}


It didn't work :/ Still getting half page bg

Please clear cache of your browser. I checked on my chrome and it is working.

Actually background staying still, but bg image is half except homepage:

(Proplematic)
https://plakdunyasi.com/demo/index.php/plak-dukkani

Homepage (that works)
https://plakdunyasi.com/demo/

Change code to this one:

Code: Select all

html{
background-position: center top;
background-attachment: fixed;
}