XF 2.2 How to make your background static/fixed?

[Merlin07]

Wouldn't this go in the CSS form in the 'page setup' screen in the page background section?

body
{
background-image: url('path to image');
background-attachment: fixed;
background-size: cover;
}

Or am I doing something wrong?

 

[stellaethra]

Try this instead:

.p-pageWrapper {
  background-image: url('path/to/image');
  background-attachment: fixed;
  background-size: cover;
}

 

[Merlin07]

Try this instead:

.p-pageWrapper {
  background-image: url('path/to/image');
  background-attachment: fixed;
  background-size: cover;
}

No, it just turns my page into a page without css, like a list view with double links everywhere. Maybe i have a bad path

 

[stellaethra]

No, it just turns my page into a page without css, like a list view with double links everywhere.

Can you try putting this code in the extra.less template?

 

[Merlin07]

Can you try putting this code in the extra.less template?

My page looks normal again but no it just turns everything white in the background.

 

[stellaethra]

My page looks normal again but no it just turns everything white in the background.

You may have set the image path incorrectly.

Can you try this code for testing purposes?

.p-pageWrapper {
  background-image: url('https://cdn.suwalls.com/wallpapers/space/orion-nebula-9212-2560x1600.jpg');
  background-attachment: fixed;
  background-size: cover;
}

 

[Merlin07]

You may have set the image path incorrectly.

Can you try this code for testing purposes?

.p-pageWrapper {
  background-image: url('https://cdn.suwalls.com/wallpapers/space/orion-nebula-9212-2560x1600.jpg');
  background-attachment: fixed;
  background-size: cover;
}

Just tried that, same thing it's all white. Am I missing something here? Maybe there needs to be something that calls it or defines it somewhere else?

 

[stellaethra]

Just tried that, same thing it's all white. Am I missing something here? Maybe there needs to be something that calls it or defines it somewhere else?

Can you share your site in private or here? Let me check it out.

 

[Merlin07]

I'll just be stuck with a repeating background. There' s no information on where you can change it. I've searched as much as I could online/google/duckduckgo whatever, nobody has any info. It's like everyones gatekeeping like it's some super secret. I give up. Thanks for the help anyway.

 

[stellaethra]

I'll just be stuck with a repeating background. There' s no information on where you can change it. I've searched as much as I could online/google/duckduckgo whatever, nobody has any info. It's like everyones gatekeeping like it's some super secret. I give up. Thanks for the help anyway.

As far as I checked your site, you have already managed to set the image in the background.

You should only need to put the following code in the extra.less template:

.p-pageWrapper {
  background-attachment: fixed;
  background-size: cover;
}

 

[Merlin07]

As far as I checked your site, you have already managed to set the image in the background.

You should only need to put the following code in the extra.less template:

.p-pageWrapper {
  background-attachment: fixed;
  background-size: cover;
}

That was my mistake with the CSS still hanging there. I deleted it few moments ago and nothing changed. For some reason, It works in Google Chrome so it might just have been my firefox
Thanks for you help!

 

[stellaethra]

That was my mistake with the CSS still hanging there. I deleted it few moments ago and nothing changed. For some reason, It works in Google Chrome so it might just have been my firefox
Thanks for you help!

It's now working perfectly.

I also tested it in Firefox and it works fine.

 

[Merlin07]

It's now working perfectly.

I also tested it in Firefox and it works fine.

Same. I deleted all my extensions. Super thanks!