Search results TOO LARGE

Support
#1

HEllo,
Can someone help me with the code to make the search results that come up not appear SO LARGE. If you go to my website you can see what I mean when you try to search for something… search say “grounding”

I want it to be a lot smaller, please.

Thank you

#2

Hi Kerri,

Please try this code in X > Theme Options > CSS:

.search-results header .entry-title {
    font-size: 150%;
}

.search-results .more-link {
    font-size: 100%;
}

Here are some related links for further reading:

Hope this helps.

#3

SO I edited, and changed the feature image size, but it looks as though the images are overlapping, how can I fix this?

Thank you
Kerri

#4

Hi There @kerridawn

Can you please try changing your following custom CSS rule

.search-results .entry-thumb {
    width: 350px;
    height: 350px;
}

With the following code and see if that helps.

.search-results .entry-thumb {
    width: 100%;
    height: auto;
}

Let us know how it goes.
Thanks!

#5

It didn’t work :frowning:

#6

Hello @kerridawn,

Please remove the code given in the previous response. You can update it and use this code instead:

@media(min-width: 768px){
    .search-results .has-post-thumbnail .entry-featured {
        float: left;
        width: 33%;
        overflow: hidden;
        min-height: 355px;
        max-height: 355px;
        box-shadow: none;
        border: none;
    }

    .search-results .entry-thumb {
        background-color: transparent;
    }

    .search-results .has-post-thumbnail .entry-wrap {
        width: 65%;
        float: right;
        min-height: 355px;
        max-height: 355px;
    }


    .search-results .entry-footer {
        display: block;
        clear: both;
        width: 100%;
    }

    .search-results .x-main article {
        min-height: 400px;
        margin-bottom: 2em;
        clear: both;
    }

}

After making any of the changes, please your caching plugins first, the disable the site accellarator in your Jetpack settings and then test your site again.

Please let us know how it goes.

#7

Much better thank you…

while I have your attention, is there a tip on fixing the images from being so blurry, I have tried resizing them and compressing them…and they still look off.

#8

Hello @KerriDawn,

Are you referring to the blurry product images? To resolve that, you might be interested in this knowledge base article for further and detailed information about resizing images:

Hope this helps.

#9

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.