We're merging with GenerateBlocks! Learn more here.

[Resolved] Show images in excerpt

Please login to receive premium support.

Support for the free plugin can be found here.

Home › Forums › Pro Support › Show images in excerpt

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 20, 2021 at 1:53 am #32267
    Sergio
    Participant

    Hello

    I have been searching the forum but I can’t find a solution.

    Supposedly it is not possible to show images in excerpt.

    I’ve been thinking about it and I thought: wouldn’t it be possible to put an image with CSS?

    My problem is with this website:

    https://wordpress-554138-2025384.cloudwaysapps.com/

    In the first carousel I need to show an image under the excerpt that appears when you hover over it. Something like this:

    https://tinyurl.com/ydktfyyj

    Any help or suggestions are welcome

    Thanks in advance

    July 20, 2021 at 6:13 pm #32293
    elvin
    Moderator

    Hi there,

    I’ve checked the WPSP on your page and I actually see an image on the automatically generated excerpt – https://share.getcloudapp.com/12u4nmrj

    I’m not sure I fully understand. Are you pertaining to WordPress’ manual excerpt?

    As for adding image through CSS:

    It’s definitely possible.

    Here’s an example of adding image through a pseudo element – 

    .wp-show-posts-entry-summary:after {
    content: url(https://wordpress-554138-2025384.cloudwaysapps.com/wp-content/uploads/2021/07/socios-fundadores-branded-content-1-1.png);
}
    July 21, 2021 at 12:52 am #32299
    Sergio
    Participant

    Hi Elvin

    I did the manual excerpt test to try it out, but the hover effect was not working.

    The code you provide is just what I needed.

    Thank you very much

    July 21, 2021 at 2:13 am #32305
    elvin
    Moderator

    No problem. Glad to be of any help. 😀

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.