Customize Search Results

Support
#1

Is it possible to customize the search results page? Right now my links are white and hard to see, and both the links and images are enormous! Can we get them smaller? Thanks!

#2

Hi @hwolfe,

Thanks for writing in.

Use this code below to customize your search page result.

.search-results .entry-title a{
color:#000;
}

Then add this code below to adjust the size of your images.

.x-portfolio .entry-featured{
    width: 460px;
    margin: 0 auto;
}

Adjust the colors and the size to achieve the best design that you want to achieve.

Let us know how it goes.

Thanks.

#3

Okay, I got that working! But now on mobile the search page squashes up under the header. Can I add padding in there somewhere?

Thank you!

#4

Hi again,

It’s happening due to the custom CSS you’ve in your Customizer, find and remove:

.x-navbar {
    position: absolute;
    width: 100%;
    top: 0;
    background-color: rgba(225,225,225,.90);
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: none;
}

To customize search page, you can make use of the following code as well:

.search-results .entry-header, .entry-content {
    font-size: 14px;
}
.search-results .entry-featured {
    margin: 3% auto!important;
    width: 40%;
}
.search-results .entry-content.excerpt p {
    margin-bottom: 0;
    color: #000 !important;
}

Let us know how this goes!