Featured image as background image

  • Hello, is it possible to make the “featured images” of posts load as background images instead? Maybe with a hook? Thanks in advance if anyone can help me out!
    -John

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Tom

    (@edge22)

    Hi John,

    Are you going for an overlay effect? If so, the next version of our Pro plugin will have this option.

    For the free version, you can check out the CSS in use on this website: https://generatepress.com/site-library#dispatch

    Hope this helps ??

    Thread Starter johnbalkong

    (@johnbalkong)

    Hey Tom thanks for the reply!

    Yeah I was thinking of an overlay effect but one that lets the text decide the height of the parent div if the text overlaps the image and if the text doesn’t overlap then the image would decide the height of the parent div. Will this kind of behavior be possible with the upcoming PRO plugin?
    I can only get it to work as an overlay effect with absolute positioning but then when the text overlaps the image it will also overlap the following div bellow(I have several posts showing one after another with their full content). As I understand it I would have to make the “featured image” a background-image for the div to let the text decide the height because absolute positioning takes the content out of the flow and sets its absolutely where its set at. Could one accomplish this with pure CSS using “float” or some other way instead of absolute positioning and without having to edit the way “wp-show-posts” fetches and sets the “featured images”? I’ve tried looking elsewhere for the answer without luck.

    As I see it on the site you linked they have the text positioned at the bottom and decremented the text so It wont overlap the image while resizing or am I missing something?

    Plugin Author Tom

    (@edge22)

    Hey John,

    You can check out some examples from the pro version here: https://demos.wpshowposts.com/cards/

    Let me know if that’s what you’re after or not ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Featured image as background image’ is closed to new replies.