If Pavel or Paul would have a look into would be nice ;) but as a recognize one more time the support is stuck sind developement of SPPB4....

Hello kweb,

thank you for the clarification, I will check, how this can be solved in a different way.
Maybe @Pavel or @Paul has an idea how this can be solved, that it also works under Safari.

A workaround I found at codepen.
Maybe this will help you to fix the problem under Safari/IOS or to get it running.
https://codepen.io/joeyred/pen/pEagLQ

Hi Jens, yes I wanted to use scroll because IOS is not supporting background-attachment: fixed. Thats why I wanted to get rid of "fixed".

Hello kweb,

you need to set the background attachment to fixed.
Currently the attachment is set to scroll.

.sp-page-builder .page-content #animated{
    background-attachment: fixed;
}

It should be possible for you to set this in the SPPB.
Unfortunately, I am currently on the laptop without access to the SPPB and can therefore not check whether and which setting would have to be changed.

-> https://www.tennistraining-kares.de/de/ueber-mich

.sp-page-builder .page-content #animated {
    padding-top: 250px;
    padding-right: 0px;
    padding-bottom: 250px;
    padding-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    background-image: url(/images/2023/01/18/counter-bg1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
    background-position: 0 0;
    box-shadow: 0 0 0 0 #fff;
}

https://rohde-bau.de/unternehmen/chronik

.chronik {
    background: url(../images/chronik_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

Hi, well thats not a good solution, I want to background image to be fit right to the bottom. With "contain" it ends when it reaches the maximum height.

cover is working normally always - why not here? For example I have used cover also on this SPPB timeline without any problems.

To Page

Use this custom CSS

.sp-page-builder .page-content #animated{
        background-size: contain !important;
}

Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

Here...

To page

Could you please give me that specific page link?

ah sorry I moved the domain already - please try now I have changed the login details.

Could you please check your site? I cant access on that.

Here attached:

https://imgur.com/a/iwFZZeC

The background image is too big and blurry. It seems its growing when the content is getting long. But thats not the normal behavior when you set background-size to "cover".

Hi

Thanksfor contacting us. Could you please give me a screenshot of your issue?

_regards