[Resolved] Full Width image with BB

[ekhymosis]

Hi.
I am trying put a full width image with the Beaver Builder plugin but the GP not show the image in full width mode.

http://turismoandinopasto.com check the last image in the bottom page.

Help please 🙂
Thanks

[Tom]

Hi there,

Beaver Builder has the fl-photo-content div set to display inline-block so it will take up only as much width as the content says to.

You can force it to be 100% like this:

.fl-photo-content {
    width: 100%;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[ekhymosis]

Hi, thanks for reply.

.fl-photo-content-img {
    width: 100%;
} 

This, solved my problem.
Thanks!

[ekhymosis]

.fl-photo-content img {
    width: 100%;
} 

sorry.. add “img” in the line.

[Tom]

Awesome, glad you got it working 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts