Search display

mark256

Hello. How to make the search look beautiful on both mobile and desktop versions of the site. I would like it to look like this: https://recepty.mobi.

Now the search is displayed like this:

Could you help?

saguaros

Did you get it solved?

mark256

Hello. No

mark256

I would like the lower search to become like a red small search.
In styles it looks like:

saguaros

For the style customization like this, you can use Google Chrome or Firefox inspect element. What I usually do is hover on any HTML element (i.e. button, tag, text, …) you want and right click on it and then click on inspect element, it will show you which CSS class it is using and which CSS file and the path to this element on the right side.

If you want to change in CSS, just add your custom CSS code into the file: root/templates/your default template/local/css/custom.css

mark256

The fact is that I wanted to make it as compact as in the first version, but I don’t see in the code what needs to be edited so that the search becomes as compact.

mark256

Can you advise how to beautifully display the search on the site?

mark256

Is there no way to do this in template styles?

saguaros

It will require customization in this case, however, we can only support minor customization for active members only. With free members, it's out of our support scope.

Hope you understand 🙂

mark256

I understood you.