Backgound in full header design is not centered or contained

[Peterbeshay]

Hi there i was making a page with a full pic for the header as done here :

If you noticed that it also happens in his demonstration the top of the buildings and the bridge are cut off
in my case it is worse
Is there away around this? maybe a resolution to set the images

thanks Kind regards

[lely]

Hi Peter,

Yes, you can set X and Y percent value for the background position.

You might want to test how it looks too using different background size setting.

Hope this helps.

[Peterbeshay]

hi Lely
thanks for your reply
the background is set in the page not the header

[jade]

Hello Peter,

For the page Background Images option, it would stretch the background image to fit the whole screen of the browser so if you use a small image, you will see some discrepancy in the output. But please note that the background image option does not work like the usual CSS background. Try editing the images and putting in some blank areas around the image files.

Hope this helps.

[Peterbeshay]

It does thanks
do you know what resolution ? as the pics if anything have been shrunk a bit to fit.
thanks

[nabeel]

Hey Peter,

The recommended resolution for background images is 1920 x 1080 or smaller with a ratio of 16:9. Choosing the right image size is important because it is a balancing act of trade-offs to get the best performing and best looking site. You can also checkout https://wordpress.com/go/design/choose-website-background-image/

Hope this helps!