Multiple query loops causes CSS to overlap

**SOLVED**

I stumbled across this post – I should have searched more carefully but the way I experienced the problem was quite a bit different.

Turns out however it is the same issue it was because I originally created these from a template so the classes were the same. Duplicating the block, then deleting the original and saving over top of it updated the CSS classes which caused it to stop conflicting.

Thanks!

– – – –

I have a query loop that displays testimonials on the footer of every page.

However, on pages that have their own query loops e.g my Videos page, the custom styles on those query loops also gets applied to the block hook testimonials loop in the footer.

For example I do not have any box shadows applied to the testimonials. But if I have a page that has a query loop with box shadows on it, they also get applied to the testimonials.

How can I avoid this from happening?

My testimonials block hook works fine on every page that doesn’t have a loop with it’s own styles.

Thank you,