Skip Navigation

[Resolved] To design (restyle) search view

This support ticket is created 4 years, 2 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
- 9:00 – 12:00 9:00 – 12:00 9:00 – 12:00 9:00 – 12:00 9:00 – 12:00 -
- 13:00 – 18:00 13:00 – 18:00 13:00 – 18:00 14:00 – 18:00 13:00 – 18:00 -

Supporter timezone: America/Jamaica (GMT-05:00)

This topic contains 2 replies, has 2 voices.

Last updated by janD-6 4 years, 2 months ago.

Assisted by: Shane.

Author
Posts
#1799701

Tell us what you are trying to do?
I would like to change the style of the search view,
The field it is too wide and I can´t find how change the width.
Also I can´t find where can I modify the typography of "FILTRAR" & "CLEAR ALL FILTERS"
I saw some tutorial, but I can´t change in my website.

I would like if the search is more small and the button "FILTRAR" will place in the right of the field.

In the sort: the field to select is not in the same line to the word "Sort" .

Is there any documentation that you are following?

Is there a similar example that we can see?

What is the link to your site?
hidden link

#1800383

Shane
Supporter

Languages: English (English )

Timezone: America/Jamaica (GMT-05:00)

Screenshot 2020-10-05 at 9.01.30 AM.png
Screenshot 2020-10-05 at 9.01.42 AM.png
Screenshot 2020-10-05 at 9.02.10 AM.png

Hi Jan,

Thank you for getting in touch.

I would like to change the style of the search view,
The field it is too wide and I can´t find how change the width.

For this you can actually select the search field and using the advanced tab in the block to assign a custom css class to the field. Then you can use some custom css to style and adjust the width of the search block. See Screenshot

Also I can´t find where can I modify the typography of "FILTRAR" & "CLEAR ALL FILTERS"
I saw some tutorial, but I can´t change in my website.

Similar to the Custom Search box you can select the clear filters text and under the Style settings you should see the option to modify the typography. See my screenshot.

In the sort: the field to select is not in the same line to the word "Sort" .

I'm a little unsure as to what you mean by this statement above, can you provide a little more clarity for me?

Thanks,
Shane

#1804989

My issue is resolved now. Thank you!