Search Result Image displaying too large

  • I don’t know how to make the website display the search results images in a smaller size. Right now they are displaying at 1200 x 1200 and it looks kind of insane. Inspecting one of the images showed me this code I think is the culprit:

    <div class="entry-grid hgrid">

<div itemprop="image" itemscope="" itemtype="https://schema.org/ImageObject" class="entry-featured-img-wrap"><meta itemprop="url" content="https://inkerdoo.com/wp-content/uploads/2019/04/42831.jpg">

<meta itemprop="width" content="1200">

<meta itemprop="height" content="1200">

<a href="https://inkerdoo.com/product/deep-yarn-baller-tee/" class="entry-featured-img-link">

<img width="1200" height="1200" src="https://inkerdoo.com/wp-content/uploads/2019/04/42831.jpg" class="attachment-full  entry-content-featured-img entry-grid-featured-img wp-post-image" alt="" itemscope="" srcset="https://inkerdoo.com/wp-content/uploads/2019/04/42831.jpg 1200w, https://inkerdoo.com/wp-content/uploads/2019/04/42831-150x150.jpg 150w, https://inkerdoo.com/wp-content/uploads/2019/04/42831-300x300.jpg 300w, https://inkerdoo.com/wp-content/uploads/2019/04/42831-768x768.jpg 768w, https://inkerdoo.com/wp-content/uploads/2019/04/42831-1024x1024.jpg 1024w, https://inkerdoo.com/wp-content/uploads/2019/04/42831-425x425.jpg 425w, https://inkerdoo.com/wp-content/uploads/2019/04/42831-600x600.jpg 600w, https://inkerdoo.com/wp-content/uploads/2019/04/42831-100x100.jpg 100w" sizes="(max-width: 1200px) 100vw, 1200px" itemprop="image">

</a>

</div>

    Maybe there’s a way to override it with CSS or something I could put in the functions.php file (I’m using a child-theme version of the theme).

    Any ideas? Thank you!

    P.S. I tried all the suggestions suggested in this similar situation, but none of them changed the display size of the imaage in search results.

    • This topic was modified 5 years, 10 months ago by inkerdoo.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Thread Starter inkerdoo

    (@inkerdoo)

    I am able to change the image size using the following custom CSS:

    div.entry-featured-img-wrap {
  width: 300px;
	float: left;
}

    My issues with this fix:
    1. I don’t know if that is only affecting the search results page or if that also affects images elsewhere on the site.
    2. The product text is still underneath the image when it needs to be to the right of the image.

    Please help. Thank you!

    • This reply was modified 5 years, 10 months ago by inkerdoo.
Viewing 1 replies (of 1 total)
  • The topic ‘Search Result Image displaying too large’ is closed to new replies.