I have an intermittent problem with my posts layout on my home page. Usually, it looks fine, but sometimes the bottom of the posts gets cut off with the next row of content, and sometimes it shows them vertically (even if the window is wide enough to display them side by side). Here are some screenshots of the problem:
I think the problem here is that the images are loading last. The Post Grid calculates the height while it loads its contents and the image loads right after it has done doing so. I did check your list of plugins but I’m not really familiar with most of them. Do you think there’s one that does lazy loading? Jetpack perhaps?
Hey Ben,
Thanks for the suggestion. I didn’t see anything in Jetpack that looked like lazy loading, but I disabled it anyway and refreshed and still had a problem. I refreshed a couple of times and then it was okay, then refreshed again and it was cut off again. I have the same problem on another site using the posts module, it’s shellshockers.org. The only plugins they have in common are:
Beaver Builder
Enable Media Replace
Genesis Dambuster
Jetpack
I disabled Enable Media Replace and that didn’t fix it either, and if I disable Dambuster then the whole layout is out of whack, so that won’t help.
Both of them are using the equal heights option in the posts module.
Hey Ben,
Nope they are hosted different places. Panches is hosted on Flywheel and ShellShockers.org is hosted on GoDaddy.
I removed the equal heights option and that appears to fix it, although it is an intermittent problem so I can’t say for sure yet.
It’s not mission critical that these sites have equal height on the blog posts right this second but I do have other sites that will use it that it might make more of a difference.
Ah! I get what you mean now. I thought you wanted to change the color of the text on the button from the body. Try the snippet below. If you want it to apply to certain CTA’s only, just place a class/ID for your CTA module and replace .fl-module-cta with it.
Hey Ben,
Thanks so much! That snippet worked, but when I created an ID for it and swapped it out, it changed back. It’s not a big deal, it looks fine for all of them to be formatted the same, but I would like to know what I’m doing wrong!
It’s not a big deal, it looks fine for all of them to be formatted the same, but I would like to know what I’m doing wrong!