Resize Image and Wrap Text in Search

Unite Theme
1

Hi Movin,

Using the Unite Theme, to get search results I wanted in my blog search of posts and woocommerce products I changed to using the standard WordPress search widget in my sidebar. However, the search results page using this widget gives me a search results page with a large title, a large image and a brief description under the image, all taking a lot of space per search result item.

Like you did with the CSS to fix this on my blog main page (a few topics back) which was doing the same thing, is there CSS I can use to make the image smaller and wrap the text to the right side of the image? If the price can be shown in the search results also that would be plus. Or, if the results, for each item in the result, could only be a very small image and just the product or post title in small text that is linked to that post/product with the price, that would be ideal.

Here is the URL if you would like to see what I’m talking about with the search in my sidebar.

http://www.1stchoiceontv.com

Thank you so much,

Wally

2

Hi Wally,

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Unite Options -> Other -> Custom CSS

body.search-results article img.thumbnail {
    float: left;
    max-width: 132px;
    margin-right: 10px;
    border: none ;
}
body.search-results article .entry-meta {
    clear: both;
}

Best Regards,
Movin