adapt the style of the form

Anonymous

#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

#30945

This reply has been marked as private.

Anonymous

#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

#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

#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

#37038

This reply has been marked as private.

Anonymous

#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

#37269

This reply has been marked as private.

Ross Moderator

#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

#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