Search results displaying strangely

  • Resolved inkerdoo

    (@inkerdoo)


    5 years, 10 months ago

    The search results are looking very whack. The image for each result displays at 1200 x 1200 with the text under it. I’m able to change the image size with custom CSS, but I still haven’t been able to get the text to display to the right of the image. I took out the custom CSS because it wasn’t fixing everything. Plus I don’t know if it only affects the search results page or if affects images elsewhere on the site.

    Here is the CSS I used that will affect the image size on the search results page (and maybe in other places, too?):

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

    I’ve deactivated all the plugins but WooCommerce to try to figure out if a plugin was causing the issue (I didn’t deactivate woocommerce because the search results are set only to display products, which are only available with woocommerce). That didn’t fix anything so I reactivated all the plugins.

    Please help. Thank you!

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

Viewing 8 replies - 1 through 8 (of 8 total)
  • Thread Starter inkerdoo

    (@inkerdoo)

    P.S. I’m using a child theme so hopefully this can be fixed by only editing functions.php or adding some custom CSS.

    It doesn’t matter child theme or parent. You’re just going to add the CSS in the Additional CSS.

    If you’re wanting the Search Results to look like these pages
    https://inkerdoo.com/product/slider-4/

    Then you’re going to add this CSS

    .search .entry-grid img{
    float:left;
    width:48%;
}
.search .entry-grid-content{
    float:right;
    width:48%;
}

    If you don’t, then you’ll need to elaborate with some kind of drawing. Your search page is not designed like a single product page. They have different selectors.

    Sorry forgot to add Mobile

    @media screen and (max-width:380px){
.search .entry-grid img{
    float:none;
    width:100%;
}
.search .entry-grid-content{
    float:none;
    width:100%;
}
    
}

    Mobile load? It must’ve been a post glitch

    • This reply was modified 5 years, 10 months ago by Stef.
    Thread Starter inkerdoo

    (@inkerdoo)

    I’ve been struggling with this for a while now. Sadly, the CSS you suggest did not affect the extra-large image sizes or the content arrangement displaying on the search results page. Thank you so much for trying to help me! The search goes on…

    You probably have a cache enabled or your not clearing it properly. If you want it to look like the product page single then it’s correct. You just need to clear cache.

    Thread Starter inkerdoo

    (@inkerdoo)

    Yes! Yes! Yes! You are correct. It does work!!!!! I am unfamiliar with the mobile css and I didn’t realize I had to put both the code snippets you gave me in the CSS. I had only put the mobile css in. This morning I’m thinking, “wait a minute, I’m not looking at this on a mobile device, that’s why it seems like it is unaffected.” When I put them both in, it looks great! Thank you very, very, very much!!!!

    You got it. Have a great weekend.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Search results displaying strangely’ is closed to new replies.