adapt the style of the form - Search & Filter Support

Tagged: boostrap, form, style

This topic has 13 replies, 2 voices, and was last updated 10 years, 7 months ago by Ross.

Viewing 10 posts – 1 through 10 (of 14 total)

1 2 →

Anonymous
(Private) November 28, 2015 at 10:12 pm #30944

Hello,

I wonder if it’s possible to customize the search engine with the style of our themes?

I use a theme based on a bootstrap -> unify -> and I would like to use the same style on this site ->
http://htmlstream.com/preview/unify-v1.8/shortcode_form_general1.html

but I unable to settle this.

We can adapt directly or style we have to adapt ourselves and write it to a file style.css

?

Thank you

Anonymous
(Private) November 28, 2015 at 10:13 pm #30945

This reply has been marked as private.

Anonymous
(Private) November 29, 2015 at 10:07 pm #30983

It’s good now I have to change via css

http://www.designsandcode.com/documentation/search-filter-pro/getting-started/display-search-form/#Styling_Your_Search_Form

Anonymous
(Private) November 30, 2015 at 10:52 pm #31091

Hello I have solved my problem with css, but I would like if we can adapt the design of the form with the bootstrap style?

Ross Moderator
(Private) December 6, 2015 at 10:36 pm #31559

Hey there

Sorry for the delay. Currently you cannot add classes to the various html elements.

What html structure would you need for bootstrap, and what classes?

I may add this as an option.

Thanks

Anonymous
(Private) February 15, 2016 at 10:46 pm #37038

This reply has been marked as private.

Anonymous
(Private) February 17, 2016 at 12:06 pm #37195

Hello,

I try to work with the theme bootstrap
but I can not I have any technical error that I can not fix.

I try to do directly through the css just got some problems with the responsive side

and try to adapt the bootstrap “class-search-filter-display-shortcode.php”

but I have also some mistake.

can you help me?
it is possible to give me an idea to better optimize it?
thank you

Anonymous
(Private) February 17, 2016 at 11:39 pm #37269

This reply has been marked as private.

Ross Moderator
(Private) February 18, 2016 at 10:31 pm #37371

Hey there

I’m not sure what you’re trying to achieve – but applying CSS to the search form is generally a customisation with your theme.

If you want to add classes to fields themselves you can do this using a filter:

https://www.designsandcode.com/documentation/search-filter-pro/action-filter-reference/#Filter_Input_Object

Check the github link for usage and how to add classes – but this may still not be exactly what you need.

Thanks

Anonymous
(Private) February 18, 2016 at 11:23 pm #37388

Hello,

thank you for your reply,
I begin to manage better with the basic css,
it’s almost ok.

However, I have concerns in responsive mode
my input or select fields, do not take 100% width

I have to play by pixel, but it’s not easy, because the way it is responsive to several different sizes, and I would take it directly with a 100% right and left margin of 10px for example

Here is what happens in a mobile with a width of 100%

I know my question is a css issue

but if you have an idea I’d be happy

Thanks you
Author

Posts

Viewing 10 posts – 1 through 10 (of 14 total)

1 2 →