This topic contains 22 replies, has 2 voices, and was last updated by  Mahesh 6 months, 1 week ago.

Viewing 20 posts - 1 through 20 (of 23 total)
  • Author
    Posts
  • #116149

    Gareth
    Participant

    hi,

    is there a way to include the featured image in the search results?

    thank you
    gareth

    #116160

    Mahesh
    Participant

    @rawikltd: The search result displays post with featured image by default. Please post in your site url.

    Regards,
    Mahesh

    #116283

    Gareth
    Participant

    hi,

    thanks for your message.

    my site doesnt seem to. i probably have some setting wrong.

    my site is https://hokkaidoguide.com/

    thanks for any help!

    gareth

    #116302

    Mahesh
    Participant

    @rawikltd: Please try disabling the plugins and try if that fixes the issue.

    Regards,
    Mahesh

    #116305

    Gareth
    Participant

    hi,

    i disabled all plugins and tried search and checked categories but still not image.

    thanks
    gareth

    #116306

    Gareth
    Participant

    #no

    #116312

    Mahesh
    Participant

    @rawikltd: Please make sure you have set featured images on the posts.

    Regards,
    Mahesh

    #116343

    Gareth
    Participant

    every post has a featured image. they are used in the slider and the ultimate list lists. also i have the widget which bans any post from being published without a featured image.

    so definitely no problem there.

    thanks
    gareth

    #116361

    Mahesh
    Participant

    @rawikltd: Its kinda strange its not showing on your site. But working fine on our server. We’ll need to check on your server.

    Regards,
    Mahesh

    #116474

    Gareth
    Participant

    hi mahesh,

    ok how can i let you do that?

    i did something last week that now shows the featured image in a huge form (now i cant remember what i did as ive been away for a few days)

    anyway please let me know what you need to see whats happening.

    thank you!
    gareth

    #116483

    Mahesh
    Participant

    @rawikltd: Thanks for the details. Please check your email.

    Regards,
    Mahesh

    #116484

    Gareth
    Participant

    have sent you an email mahesh

    i understood what i did – i just set content featured image. ive now disabled it.

    #116487

    Mahesh
    Participant

    @rawikltd: Yes, I got your email. But the credentials were wrong I guess. I could not login.

    Regards,
    Mahesh

    #116727

    Gareth
    Participant

    hi mahesh

    sorry for my slow response, ive been away for a little bit.

    ok i do apologize i shall check and resend.

    thank you!

    #116740

    Mahesh
    Participant

    @rawikltd: Thank you 🙂 I could access it and have corrected it. If you want to change it anytime, go to Dashboard=> Appearance=> Customize=> Theme Options=> Content Featured Image Option and select the image size you desire or disable to remove the featured image.

    Regards,
    Mahesh

    #116792

    Gareth
    Participant

    right thanks

    but is that the only way to do it?

    as this places an image on the posts as well and i cant adjust the size for search only.

    thnx

    #116809

    Mahesh
    Participant

    @rawikltd: Well there is no such options to have image in search but not in posts. But you can use custom CSS for that. Go to Dashboard=> Appearance=> Customize=> Additional CSS box and add the following CSS:

    /* Hide images in sinlge post */
    .single-post #content .post .featured-image {
    	display: none;
    }
    
    /* Make width of the image 200px in search page */
    .search #content .post .featured-image {
    	width: 200px;
    }

    Regards,
    Mahesh

    #116810

    Gareth
    Participant

    oooh, thats what im looking for!
    yay.

    now, one more thing…

    is it possible to have the title on the search results display Above the img?

    thanks

    #116869

    Mahesh
    Participant

    @rawikltd: Add the following CSS:

    .search-results #primary .post.has-post-thumbnail.hentry {
        position: relative;
    }
    
    .search-results #primary .post.hentry.has-post-thumbnail .entry-header {
        position: absolute;
        top: -50px;
    }
    
    .search-results #primary .post.has-post-thumbnail.hentry .featured-image {
        margin-top: 60px;
    }

    Regards,
    Mahesh

    • This reply was modified 6 months, 1 week ago by  Mahesh. Reason: corrected: css rule for search page only
    #116884

    Gareth
    Participant

    thats great mahesh,

    exactly what im looking for on the search page, however there is a slight problem in happy land.

    this css also affects the posts. which places the title on my top area near the header with a line through it.
    this may be because i have changed some of the header css too.
    for example – https://hokkaidoguide.com/sapporo-clock-tower/ also looks much worse on the mobile telephone due to the squashed screen.

    is there any way to limit the above css to the search results page only?

    should i add a generalized div with id to the search page perhaps??

    any ideas?

    thanks!

    • This reply was modified 6 months, 1 week ago by  Gareth.
Viewing 20 posts - 1 through 20 (of 23 total)

You must be logged in to reply to this topic.