Archived topic

Background image not displaying on Page Hero Block Element

4 replies · Started by Sam on July 5, 2021

Viewing posts 1–5 of 5

July 5, 2021 at 4:06 pm #1845796

Hi,

I'm trying to use the Page Hero Block Element on a client site. For some reason, I'm unable to get the background image to appear. Even using one of the pre-made templates, the background image doesn't show up. The page title, author, date and background color all display. But the background image won't.

I've cleared the cache, deactivated all other plugins, everything is up to date and still can't get it to display. When I look in the Chrome dev tools, the ::before element shows no URL for the background-image property.

Here's one of the pages having the problem: https://hippielettuceclub.com/about/

Thanks

July 5, 2021 at 6:41 pm #1845853

Hi Sam,

I've checked the link and the block doesn't seem to be loading any URL - https://share.getcloudapp.com/yAurn725

Have you tried regenerating GB CSS? You can do that on Admin Dashboard > GenerateBlocks > Settings.

Note: If you're using a CDN on the site or if the server has any backend/server sided page caching, you should clear that as well. (some hosts call it deep caching.)

July 5, 2021 at 8:39 pm #1845903

Hi Elvin,

Thanks for the response. I tried regenerating CSS and looking for a way to clear the CDN cache, only to realize that block used the dynamic background image. Since I had no featured image set, it had no image to use. I toggled "use fallback image" and it used the image I set in the Backgrounds > image URL setting.

Thanks

July 5, 2021 at 9:54 pm #1845932

Ah yeah that makes sense. It had nothing to fetch because there was no featured image set so nothing displayed.

Nice catch! glad you got it sorted. :D

November 18, 2022 at 6:06 am #2421370

Yes! Definitely nice catch! :-)

This archived topic is closed to new replies.

Start building better websites today.