Get WordPress to respect Bootstrap CSS (img-circle)

Why aren’t these images pulled from a custom post using Bootstrap 4’s img-circle class’s css like I said. When I open the HTML version it works as expected

I’m making a WP theme using bootstrap for for learning purposes. In a section on the home page it pulls content from a custom post type. The featured image from those posts

Figured it out (sorta):
Because the proportions and size set by WordPress, CSS and HTML weren’t being respected for some reason. Don’t know why. But hey it’s best practice to resize down your images to biggest size that will used anyway so I did and then I made them square instead of rectangular and bam! problem fixed.
Of course explain all that to a client and/or the general public you release a theme to and see how much support that takes.

1 Like