Full Width Image in Sections

[Jumbo]

Good Day Tom 🙂

Can you please give me a hand with this: http://bombay.webfasting.de/

After the header I have a section and I want to put this pic as Full Width, but I cannot figure it out 🙁

Thanks A lot.

[Leo]

Hi Jumbo,

Try setting the Box type and Inner box type to full width in the section settings:
https://docs.generatepress.com/article/sections-overview/#opening-the-section-settings
https://docs.generatepress.com/article/sections-overview/#layout

Make sure you add the full width image as well.

Let me know if this works.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Jumbo]

Hi Leo thanks for the quick reply.

I set the Box inner Content to Full Width and then I used this HTML code:

It made the image bigger but, still it´s not full width 🙁

http://bombay.webfasting.de/

[Jumbo]

oops the code is: < img id="image" style="width: 100%;" src="http://bombay.webfasting.de/wp-content/uploads/2017/02/SECOND-Tab-1.png" />

[Leo]

Ahh we need to remove the padding. This should help: https://generatepress.com/forums/topic/get-rid-of-content-padding-inside-section/#post-281332

Also you should be able to insert the full size image without adding that HTML style. Just add your image normally like this: <img src="http://bombay.webfasting.de/wp-content/uploads/2017/02/SECOND-Tab-1.png" />

Let me know.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts