Repeating Background Image on Blog Page - But How?

BB Theme
1

Hello all,

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

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?

2

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);
}
3

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?

4

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:

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