Skip Navigation

[Resolved] How can I align Toolset search fields horizontally?

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
- 10:00 – 13:00 10:00 – 13:00 10:00 – 13:00 10:00 – 13:00 10: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/Kolkata (GMT+05:30)

This topic contains 1 reply, has 2 voices.

Last updated by Minesh 4 months, 1 week ago.

Assisted by: Minesh.

Author
Posts
#2708375

I'm creating a view with search fields. When I add them, each search field extends 100% of the width, so they stack vertically. I want them to align horizontally, on one line. Normally I would just add each one to a column in a toolset grid or align them with inline-block so they only extend to as wide as they need to be for the label, but the search fields come pre-grouped inside the "View Search" block when you add them.

Is there a way to adjust this styling behavior via the built-in styling options? If not, how do I add my own CSS to each block?

#2708402

Minesh
Supporter

Languages: English (English )

Timezone: Asia/Kolkata (GMT+05:30)

Hello. Thank you for contacting the Toolset support.

What if you try to follow the following Doc that will help you to understand how you can add custom search field:
- https://toolset.com/course-lesson/creating-a-custom-search/#1-creating-the-custom-search-form

And the following Doc that will help you to understand how you can style the search form:
- https://toolset.com/course-lesson/styling-custom-searches/#designing-the-custom-search-layout

I suggest best option for you to learn Toolset quickly and export its capabilities:

You can use our free test platform hidden link; and use any of our reference site that is build on top using Toolset features.

This will allow you to create a test site or our free test platform: http://www.discover-wp.com
- https://discover-wp.com/site-templates/

In addition to that - if you want to install any of our reference site we offer on http://www.discover-wp.com on your local machine or server, you can use the framework installer plugin:
- https://toolset.com/course-lesson/using-framework-installer-to-install-reference-sites/

Once you create test site using any of the reference site on your local machine or server - you can add your additional plugins or add your desired theme and check and play with that that will allow you to explore features and functionalities build on top using Toolset.

By following this path you will have hand-on experience about how you can implement the functionality using Toolset or check the existing features of the current referent site that will give you idea how its built.

#2708852

Thank you, the video explaining how to style the form addresses my question directly. I appreciate all your help!