Hello everyone,

I have now successfully upgraded my test site to the latest beta without any problems and am now preparing everything for live operation as soon as the final version is available.

In opposition to v4 we would like to use the standard design and adjust the colors for us which works quite well so far.

We would also like to use our current background but can't find the option to do this in the Page Editor or AdminCP.

Is there any way to do this here? Ideally, of course, a separate background for light/dark mode.

Thanks in advance!

Use this css in theme editor

.ipsLayout__main {

background-image: url(https://yoursite/images/pic.png);

width: 100%;

background-position: center bottom;

background-size: cover;

background-repeat: no-repeat;

}

or you can use your resources for your image

.ipsLayout__main {

background-image: url({resource="custom/yourimage.png" app="core" location="front"});

width: 100%;

background-position: center bottom;

background-size: cover; background-repeat: no-repeat;

}

don't forget to adjust your image position

Edited yesterday at 11:11 AM1 day by Drewfus

Thank you very much!

But you wouldn't know how I make the switch between dark mode and light mode, would you?

1 minute ago, PasXal said:

Thank you very much!

But you wouldn't know how I make the switch between dark mode and light mode, would you?

At the bottom of the screen. Not sure where it is if you are on a mobile phone.

@PasXal For your image not sure.