Right beneath the testimonial is the text <p>Tony (Property Manager)</p>
, but it's overlapped by the WordPress 5.0 gallery that follows it. I don't think it's a float problem.
Here: http://www.sunnyexteriors.ca/tony-property-manager-soffits/
Right beneath the testimonial is the text <p>Tony (Property Manager)</p>
, but it's overlapped by the WordPress 5.0 gallery that follows it. I don't think it's a float problem.
Here: http://www.sunnyexteriors.ca/tony-property-manager-soffits/
Your gallery is set to display: flex and the images are running outside of the container. A quick fix is to add overflow:hidden to the container.
.wp-block-gallery {
display: flex;
flex-wrap: wrap;
list-style-type: none;
padding: 0;
overflow: hidden;
}
The real cause of the problem is because your images inside of the gallery are set to height: 100% but have a margin on the bottom of 1.5em, this causes the image to overflow the container. So you could remove that margin for images inside of your gallery like this.
.wp-block-gallery .blocks-gallery-item img {
margin-bottom: 0 !important;
}
Use whatever solution works best in your setup.