Home › Forums › Support › Change parallax image size for contained type option? › Reply To: Change parallax image size for contained type option?
I use a container width of 1.100px all over my site (suppenblog.de) and all elements in Customizer > Layout are set to “contained”. For the page header I use an image which is 1.100px wide and 825px high. When I add that image to a post via the page header add-on and activate the following options in content settings it will be displayed as a zoomed crop of that image (https://suppenblog.de/apfelsuppe-mit-raucherlachs/):
– Add padding – yes
– Add background image – yes
– Parallax effect – yes
– Container type “contained”
– Top/Bottom padding “350px” (“400px” tested as well)
When I switch the Container type to “fluid” the image will be responsively scaled up to full screen width (I use a 5k display), even if I do not activate the setting “Full screen”. It has no effect, if I toggle “Full screen” on or off with Container type “fluid”.
It seems as if the background image is scaled up to display width with page header add-on. Using the Container type “contained” just overlays the left/right parts of the background image and leaves a window through which you look at a small portion of the background image.
I thought that if I use an image with the same width as my content container (1.100px), it will be displayed with the correct width. I have tested a larger image as well, which shows the same effect. If I use an image smaller than 1.100px, it will be to small for my layout. So, I am not quite sure, what other image sizes I should try.
A friend of mine has tested the settings on his blog as well and he experience the same behavior: The image is scaled up to full screen width (even if the image is smaller), when activating “Parallax effect” with Container type “contained”.