I made a section without content but with a background image, a parallax, box type: full width, inner type: full width, padding: 50%.
My question: When I publish the page, everything works fine, but the image is not centered. It’s pushed to the right. How can I solve this? I wished the image would automatically fit entirely in the space between left and right border of the browser.
Are there any recommendations for the size of the background image? The mine is 3648 × 1635.
Sorry, I can’t link to the page because it’s maintenance mode.
If you do want to center the section background image you can give the section a Custom class e.g db-bg and then add the following CSS. I use the Simple CSS plugin so you will have this Meta box on the page you are editing.
Your image size is overkill – just make it big enough to fill the biggest page you are using.