Brizy Cloud Custom Asset's Posts Element Background Image Bug

Jason Chen

• April 09, 2022 00:39

When setting a background image in the Posts Element of a custom post type, the wrong image gets displayed.  For example, I have created a Game Developer custom post type and designed a page that displays the developer's info and the games the developer has made.  I have also created a Game custom post type.  I used a Posts element to display the games developed by this specific developer on the page.  I specified the background image of the Posts element to be the image of the game but instead the image of the developer is shown repeatedly for all games listed.  I have made sure that I select the correct dynamic image field for the game and not the developer's image.  The title of the game listed in the Posts element all came out correct and different, just not the background image (which are all the same because it's showing the developer's profile image).  I tried using using an Image element inside the Posts Element and select the dynamic image of the games and they are all displayed correctly.  Each game's image is different from each other.  So I believe there's a bug of displaying the wrong image for the background.

0

• 

  KC George

  • April 09, 2022 13:34

  Hi Jason

  You cannot set featured images as background in the Posts element. However let me suggest a work around.

  1. Use the Featured Image in the foreground
  2. Add an overlay color for the featured image
  3. Place the title on top of the featured image by giving it a negative margin

  Please watch this video for more detailed procedure. https://jmp.sh/iCgjKM3

  You can see my test page here. https://blog-archive.brizy.site/recipe

  0
• 

  Jason Chen

  • April 09, 2022 14:48

  Thanks for the detailed video on the work around!
  That's exactly the look I was going for by putting the text over the picture.
  Just wondering why the feature image cannot be set as background.  Is it just for now that it's not working?  Or some sort of technical limitation?  Also what if it's not the feature image?  but another image for the custom post type created?

  0
• 

  Jason Chen

  • April 09, 2022 15:31

  Hi KC,
  Tried the work around and it worked nicely in desktop mode.
  However when viewing in mobile/tablet mode, the text are no longer on top of the images.  I tried to find the margin settings for the text element in mobile view editor but it doesn't have the settings panel for some reason.  The image element has the settings panel for margin, padding, etc.  So settings for text element in mobile view editor is missing.  Could it be a bug?

  0
• 

  KC George

  • April 10, 2022 05:45
  • Edited

  Hi Jason

  You are right; looks like we have few bugs in the Posts element in tablet and mobile design views. Until we fix these bugs, you will not be able to make the background images work.  

  I will report this issue and we will work on fixing it.

  0
• 

  Jason Chen

  • April 10, 2022 06:04

  Thanks for looking into it KC.
  I will create it without making the text over image for now.
  I'll update it when the Posts Element background image bugs are fixed.
  btw I have also tried adding another image field to my custom post asset and same thing, can't load that image as the background image even though it can be selected (whether custom or original) when clicking the database icon.

  0

Please sign in to leave a comment.