Forums › Forums › Search & Filter Pro › adapt the style of the form

Tagged: , ,

Viewing 10 posts - 1 through 10 (of 13 total)
1 2
  • 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%

    100

    I know my question is a css issue

    but if you have an idea I’d be happy

    Thanks you

    Ross Moderator
    (Private)  February 18, 2016 at 11:41 pm #37389

    Try to set !important on your rules or use firebug to find out what rule is actually being applied at this stage.

    A last suggestion would be to check box-sizing:

    http://www.w3schools.com/cssref/css3_pr_box-sizing.asp

    Thanks

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 13 total)
1 2