Repeating Background Image on Blog Page - But How?

Hello all,

I do not find a way how to set a repeating background image for the Blog Page

https://clevermom.de/blog/

like I did it for this social page.

There I set a repeating background for the whole row, but this does not work for the blog.

Can yu help me?

Custom CSS:

.page-id-2849 .fl-page-content {
    background-image: url(https://clevermom.de/wp-content/uploads/2020/04/full-bloom.png);
    background-repeat: repeat;
    background-position: left top;
    background-attachment: fixed;
    background-size: auto;
    background-blend-mode: lighten;
    background-color: rgba(255,255,255,.6);
}

Hello Avanti,

Thank you, that works. But the blend-mode lighten works only for the Laptop Browser (FireFix) but not for the iPhone (Safari). On safari the picture is shown without lighten up.
BB shows to errors:

background-blendmode: unknown property

background-color: rgba(255,255,255,0.6): Fallback Background color should precede RGBA Background COlor.

Do you have an idea what happens?

Sorry, no idea about this issue on Safari.
The simplest would be to use an original image with the final luminosity, and no need for the filter this way. :wink:

Or you could add an overlay to enlight the bg image, using a pseudo element.
It seems to be the way used on your other page mentioned as an example.

background-blendmode seems to be compatible with iOS Safari though:
https://caniuse.com/#feat=css-backgroundblendmode

[Updt] I’ve read there can be a bug on iOS Safari when the bg img is set to repeat, not sure…