header widget picture full theme wide

[Nele]

This is about the homepage:

https://tagungszentrum-karimu.de/tagungsservice/

The third Header Widget has got a picture, which I wanted to be as wide as the theme width = 1800px.
I have ticked the Extend BG Attributes in the Header Area, but it does not help.

I have tried a lot of css rules – but I cannot find the right one in order to make the picture theme wide. Any help for this? Thank you!

Username/password removed by admin

[scrambler]

If you are speaking of the image

https://tagungszentrum-karimu.de/wp-content/uploads/2015/11/2.jpg

this image is only 1600px wide, which is why it is not full width in an 1800px wide browser.

The best solution to get it full width all the time would be to use a larger image.

You could force it to always go 100% wide as it is now but when the browser is larger than the image this will result in a loss of image quality.

To do that you could simply add a width:100% in a style attribute of the image tag

<img style=”width:100%;” …../>

[Nele]

I considered to use a larger image, but I hoped there could be a good solution leaving the size of the image as it is now without loosing too much quality…

Thank you @scrambler for your guidance! It helps me to go on.

[scrambler]

Going from 1600 to 1800 will have very little impact on the file size, and you can easily compensate with a bit more jpeg compression.

So I see no reason for not increasing the size of the picture

[Nele]

Okay – thanks!

[Author]

Posts