Hey there,
I checked out the site https://kwisdom.online and see what you reference where the featured image icons are out of alignment with the rest of the row.
It looks like the block setting might have been modified as I see that the .wp-block-post-featured-image img
?class being used on those featured images in your homepage have the following CSS:
.wp-block-post-featured-image img?{
vertical-align: bottom;
}
This seems to be overriding the default CSS styles from your theme, which sets the vertical-align
to the top
value.
:root :where(.wp-block-post-featured-image.wp-block-post-featured-image img) {
vertical-align: top;
width: auto;
}
So, I recommend using the “Reset Styles” feature to reset any custom styles that might have been applied onto your image blocks or other ones that could be contributing to the issue.
Documentation for reference: https://wordpress.com/support/using-styles/#reset-all-styles
Otherwise, you could also consider adding Additional CSS to remedy this instead of resetting styles. The code would like a little something like this:
.wp-block-post-featured-image img?{
vertical-align: top !important;
}
If you’re interested in going that route, you may need to upgrade your plan to access that feature. You can see a feature comparison of our different plans here: https://wordpress.com/pricing/
I hope this helps. Let us know if you have further questions or concerns! ??