Fixed background image no matter what resolution.

Hey @trieda2f,
If you will fix the width and height of the block which has the required background image then you can achieve the desired output.

However, if the block’s width is fixed and the screen size is smaller than the block’s width then your website will not remain as pleasing to look as it should be.

Hello @prabhatrai

as trieda2f said, we have a wider background. That one https://spawn.vosveteit.sk/wp-content/uploads/2021/01/spawn_background_default.jpg I am trying to fit the blue edges around content (content has 1200px, max-width 1200px too). On bigger resolutions it is smaller. With F11 (fullscreen mode) i tried it and same thing, too.

Used css:
.site-inner {
    padding-top: 200px !important ;
    background: fixed no-repeat center center;
    background-size: 2560px 990px; }

I dont know what i am missing, but the background have 2560×990 px. Thanks

• This reply was modified 3 years, 10 months ago by beat sk.

Hey @beatwell,
Could you share the URL of the website/page where the issue is faced??

@prabhatrai

sure. LINK

• This reply was modified 3 years, 10 months ago by beat sk.

Hey @beatwell,
You will have to write a really long media query CSS to achieve this.
We could have tried different approaches but there is only a single container div (site-inner).

In this case, I would suggest you communicate with the theme developers via the official support channel to get a precise solution.

The theme you are using is “Zeen”.

Contact them here: https://themeforest.net/item/zeen-next-generation-magazine-wordpress-theme/22709856/support