WP Gallery inside of Content Area Modal Element

[INcroatia]

Hello,

We decided to use Content Area Modal Element to showcase some extra project info. We wanted to put some text inside of it and a Wordpress gallery. We created a gallery inside of wp builder and it looked good there, but when we paste the code inside of the Content Area Modal, it ends up looking like this:

It’s supposed to have 3 rows of 4 images.
It’s on this page: http://shbcnew.azurewebsites.net/construction-engineering/projects/ (click on image above title KOC Ahmadi Hospital Project)

If I place that same code inside of a text element, it also looks good:

[christian]

Hey @INcroatia,

I first tested the WordPress gallery shortcode in my test site to see if it’s conflicting with our theme but it works fine. Can share with us the exact setup in the Content Area Modal element?

For now, this custom CSS should resolve the issue in your page. Add it in the page’s Content CSS or Theme Options > CSS for global application.

.x-modal-content .wp-block-gallery .blocks-gallery-image figure,
.x-modal-content .wp-block-gallery .blocks-gallery-item figure {
    display: block;
}

Thanks.

[INcroatia]

@christian_y

.x-modal-content .wp-block-gallery .blocks-gallery-image figure,
.x-modal-content .wp-block-gallery .blocks-gallery-item figure {
display: block;
}

Thank you so much! That piece of code did it

[paul.r]

On behalf of my colleague, you’re welcome. Cheers!