[Resolved] Styling Search Form

[Author]

Posts

[andrewF-6]

Tell us what you are trying to do?
I am trying to get the search form at hidden link to appear styled in a horizontal line.

Is there any documentation that you are following?
No.

Is there a similar example that we can see?
Almost any search site but the homepage of hidden link has a nice example of a horizontal search with filter.

What is the link to your site?
hidden link

[Waqar]

Hi Andrew,

Thank you for contacting us and I'll be happy to assist.

I noticed that some custom CSS code exists on the website, which sets a fixed width for the form input fields:
( source: hidden link )

.form-control {
	width: 1000px !important;
}

To override this CSS code, you can add some additional custom CSS and the form will show inline:

.wpv-filter-form.js-wpv-filter-form-123-TCPID124 .form-control {
    width: auto !important;
}

Note: the above code can be added into the "CSS editor" section on the View's editor screen.
( ref: https://toolset.com/documentation/user-guides/adding-custom-css-views/ )

For further assistance with custom code, we recommend contacting one of Toolset certified consultants:
https://toolset.com/contractors/

I hope this helps! Please let us know if there's anything else we can help you with.

regards,
Waqar

[andrewF-6]

My issue is resolved now. Thank you!