Full Screen Width Background Images

Hi Benjamin!

I'm hoping you doing well!

When you adding a background image to any content element within the bootstrap_package it will shown normally in fullwidth of the users screen.

The size it will get from ContentElement.typoscript >> lib.contentElement.variables.settings.responsiveimages for standard content elements.

But there you set normally the image width according to the max content width of a full bootstrap container - so as example for the default breakpoint of 1200px your image will have a width of 1100px - the fullwidth background image should have 1920px...

Is there any possibility of a special parameter for background images or do you have any idea to solve this issue?

Greetings from Vienna

Wolfgang

Start by reading ContentElement.typoscript and the lib.contentElement.variables.settings.responsiveimages configuration mentioned in the issue. Trace how background images are sized for content elements and determine what configuration or behavior would make them use full-screen dimensions; done means the result is documented and covered by an appropriate existing test or reproducible example.

Written by the indexing model from the issue text.