Docs

[Darren G]

Hi,

The default search results page is not great – it shows a huge featured image.

I have implemented some custom code which I found in another post

.search .has-post-thumbnail .entry-featured {
width: 20%;
float: left;
}

.search .has-post-thumbnail .entry-wrap {
border-radius: 0 0 4px 4px;
float: left;
width: 80%;
}

.search .entry-wrap {
background: transparent;
}

.search .entry-footer {

This has got it closer to what I want, but it is pulling some text in from somewhere and the featured image is not aligned properly

Could someone help me please.

http://grow-digital1.com/?s=pregnancy (this search term brings in text from the about page, but displays it weirdly)

http://grow-digital1.com/?s=nuture (this seems to work, but would like to improve the position of the feature image)

Thanks

[John Ezra]

Hi there,

Thanks for writing in! For the about page being pulled in issue, something must be conflicting and may need to check your customization codes.

For the second issue, You can add this under Custom > CSS in the Customizer or in your child theme’s style.css file.

.entry-content.excerpt {
    width: 75%;
    float: right;
}

Also, please provide us with login credentials so we can take a closer look. To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password
– FTP credentials

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Hope this helps – thanks!

[Darren G]

This reply has been marked as private.

[Nico]

Hi There,

Would you mind sharing us a details or guide of what you want to achieve perhaps a screenshot so we could fully understand what you want to achieve with the customization.

Once we got the information, we’ll do our best to help you.

Thanks.

[Darren G]

Sure – on a search that will only produce 1 result I think the results page looks OK

http://grow-digital1.com/?s=nuture

or see Single.png

But when searching for something which generates multiple results, then the layout seems to break

http://grow-digital1.com/?s=pregnancy

See Multi1.png and Multi2.png

Thanks

[Rue Nel]

Hello There,

Thanks for sending us the screenshots! To resolve this issues, please add the following css code at the very end of you other custom css in the customizer, Appearance > Customize > Custom > CSS

.search .hentry {
    clear: both;
}

.search .entry-wrap {
    margin-bottom: 40px;
}

.search .entry-header {
    margin-bottom: 0 !important
}

.search .x-pagination {
    clear: both;
}

Please let us know if this works out for you.

[Darren G]

Fantastic 🙂 Thank you

[Paul R]

You’re welcome! 🙂

[Author]

Posts