Image Alignment

Anonymous

#230262

How can I style my results so that the featured image appears to the left of the title and description? The image is currently displaying beneath the copy and fills the screen, which doesn’t look very appealing.

Thanks for your help!

Ross Moderator

#230282

Hi Melissa

There will be different answers to this depeding on one setting.

Which display results method are you using in your search form?

Also, do you have a link to the page in question?

Thanks

Anonymous

#230331

This reply has been marked as private.

Ross Moderator

#230612

Hi Melissa

While we don’t usually write custom layouts, I’ve gone ahead and put something together.

What you will need to do is 2 things:

1) Modify the results template
a) Start by copying the results.php file into your theme folder (following instructions here – https://searchandfilter.com/documentation/search-results/using-a-shortcode/#customising-the-results)
b) Replace the contents of your new results.php, with the contents of this gist – https://gist.github.com/rmorse/70dfeb6f58f9685a2266d779244b75a8#file-sf-pro-results-template-example-php
Note – keep the filename as results.php

2) Add css to your theme
Add this CSS to your theme:
https://gist.github.com/rmorse/870914c28e93fb270965b9e0b933e0e4

I hope that helps 🙂

[Author]

Posts