Using HTML/CSS to give style to custom search

This support ticket is created 5 years, 8 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.

No supporters are available to work today on Toolset forum. Feel free to create tickets and we will handle it as soon as we are online. Thank you for your understanding.

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

Supporter timezone: Asia/Hong_Kong (GMT+08:00)

Tagged: Custom search, Views plugin

This topic contains 1 reply, has 2 voices.

Last updated by Luo Yang 5 years, 8 months ago.

Assisted by: Luo Yang.

Author

Posts

March 7, 2019 at 11:58 pm #1211606

angelapiqui

Dear team,

I'm trying to give some style to my custom search with HTML/CSS, however, I'd like the form to have a "inline" style, with side by side fields (horizontally), kinda the same form you have on your showcase site hidden link

The thing is, it looks like there's something preventing me from doing that, the only way I can do it is with the fields alined vertically.

I wonder if you could help me with that?

Regards,

Sintia

March 8, 2019 at 3:42 am #1211665

Luo Yang

Dear Sintia,

The demo site you mentioned above is using Bootstrap grid layout:
hidden link

If you are going to use Bootstrap framework in your website, please try these:
1) Dashboard-> Toolset-> Settings-> General
Enable option "Toolset should load Bootstrap 3.0"

2) Then edit your view, in section "Search and Pagination", click button "Grid", insert your own grid layout into custom search form, see screenshot grid.JPG