Featured Image as Background with Single Post BG Featured Image

Posted in: Newspaper
Post count: 2

Hello. We’re having tremendous dificulties in figuring out how the Single Post BG Featured Image element works. We obviously intend to use a post’s featured image as a background to a row — not being able to do it natively in the row’s settings themselves. But we cannot figure out how the element works: once dragged into the editor, dragging other elements on top of it doesn’t seem to be allowed. And there isn’t a tutorial anywhere to be found, as far as we could see. Could the support staff or someone post a detailed tutorial on how to achieve this? Thank you so much.

Post count: 20685

Hi,

You could check out some templates that use the background featured image in the way that you mentioned, to see how they are made. Like these ones:
https://cloud.tagdiv.com/#/single/single/Single/2262
https://cloud.tagdiv.com/#/single/single/Single/1438
https://cloud.tagdiv.com/#/single/single/Single/1449
https://cloud.tagdiv.com/#/single/single/Single/855
https://cloud.tagdiv.com/#/single/single/Single/802
https://cloud.tagdiv.com/#/single/single/Single/415
https://cloud.tagdiv.com/#/single/single/Single/414
https://cloud.tagdiv.com/#/single/single/Single/410
https://cloud.tagdiv.com/#/single/single/Single/97

Basically in a row you add the single background featured image element and set a height for it -> https://prnt.sc/gtEttq_j0Nf4
Then inside that same row you add an inner row with the elements you want, and activate the absolute position for the inner row -> https://prnt.sc/z6-mr7WuOmJr and position it top or center or bottom. This way the inner row is positioned over the background image.

If you want to achieve a specific design and you can’t use any of the ready made post templates, I can help with it. You can send an email at contact@tagdiv.com and provide a link to the website and admin login, also details or examples about the design you want.

Or, you could import a ready made template that looks the closest to your requirements, and customize that one instead of building it from scratch.

Thank you!

Post count: 2

Wonderful explanation. Particularly the “absolute position” setting did most of the trick. Thank you. This would all be a lot easier if rows allowed setting featured images instead of fixed images.

Viewing 3 posts - 1 through 3 (of 3 total)
You must be logged in to reply to this topic.