Padding on search results

You can add this to the custom styles box or your theme’s styles.css

#bsearchresults {
    padding: 10px;
}

Changing the padding as you see fit

Thanks Ajay. I tried adding that to the theme’s css file but it doesn’t work. What’s the # for btw? If I create a custom div in css don’t I need to use a dot (.) instead? And where do I add the markup for better search to use the new custom style? Can I edit a file inside bettersearch folder?

Thanks

• This reply was modified 5 years, 8 months ago by Whitegoodshelp.

The # is because that is an id and not a class. The . is for the class.

I actually forgot to say in the previous post, can you add this into the custom styles box in the Better Search settings under the Styles tab?

Many thanks Ajay. I just put it into the styles box (changed it to 20px) and the search results page looks much, much better. Curious as to why there’s no padding at all by default though. The text was right up to the edges of the page which you never see normally. Anyway it looks great now and thanks for a great plugin.

Glad to know that work. I have so far intentionally kept this without any styles added in the advanced mode – the main styles have been set in the custom styles box.

This has usually been fine for the default themes, but conscious I haven’t played with backgrounds outside the main content. However, looking at your case, I think I might need to revisit the default styles. I’ll put this on the todo list.

• This reply was modified 5 years, 8 months ago by Ajay.