Support Forums

The forums are closed and will be removed when we launch our new site.

Looking for support? You can access the support system via your account.

Forums › Forums › Search › Search Results for 'data-sf-form-id'

Viewing 10 results - 61 through 70 (of 189 total)
1 2 3 … 6 7 8 … 17 18 19
  • Author
    Search Results
  • August 13, 2020 at 11:18 am #255932

    In reply to: Changing the design of the search form


    Trevor
    Moderator

    The code needed to make it 100% wide is a modification of what you already have, this bit:

    .searchandfilter[data-sf-form-id=”2703″] li.sf-field-search input,
.searchandfilter[data-sf-form-id=”2703″] li.sf-field-search label,
.searchandfilter[data-sf-form-id=”2703″] .select2-container {
min-width: 100%;
}

    Needs to be:

    .searchandfilter[data-sf-form-id="2703"] li.sf-field-search input,
.searchandfilter[data-sf-form-id="2703"] li.sf-field-search label,
.searchandfilter[data-sf-form-id="2703"] li[data-sf-field-input-type="select"] .select2-container,
.searchandfilter[data-sf-form-id="2703"] li[data-sf-field-input-type="select"] label {
  min-width: 100% !important;
  width: 100% !important;
}

    You have set the font in some places in your code to black, e.g.:

    .searchandfilter[data-sf-form-id=”2703″] .select2-container, .select2-container–open {
font-size: 14px;
color: #000;
}

    It is here that the font and font color may need to be set.

    August 12, 2020 at 12:49 pm #255784

    In reply to: Changing the design of the search form


    Inventflow B.V.
    Participant
    This reply has been marked as private.
    August 12, 2020 at 12:15 pm #255779

    In reply to: Changing the design of the search form


    Trevor
    Moderator

    To remove the search box on the fields, change them back to normal dropdown selects, and see this post (some of the suggestions I think you have done already):

    https://support.searchandfilter.com/forums/topic/css-dropdown-option-active-hover/#post-249903

    As to the font color, there should be some CSS snippets in this forum search that will help you:

    https://support.searchandfilter.com/forums/search/searchandfilter+data-sf-form-id+color+select2/

    I am not sure what you mean by “I would also like the arrow like I have right now instead of the ‘plus’ and ‘minus’ signs.” You already have dropdown arrows?

    August 10, 2020 at 4:50 pm #255534

    In reply to: Problems


    Trevor
    Moderator

    This Custom CSS should improve the layout:

    .searchandfilter[data-sf-form-id="421"] ul {
    padding-left: 0;
}
.searchandfilter[data-sf-form-id="421"] .sf-range-max,
.searchandfilter[data-sf-form-id="421"] .sf-range-min {
    max-width: 110px;
}
    August 10, 2020 at 2:02 pm #255492

    In reply to: Mobile Width Css Help


    Trevor
    Moderator

    Try adding this additional CSS:

    .searchandfilter[data-sf-form-id="6646"] select.sf-input-select {
    min-width: auto;
}
.searchandfilter[data-sf-form-id="6646"] li.sf-field-search input,
.searchandfilter[data-sf-form-id="6646"] li.sf-field-search label,
.searchandfilter[data-sf-form-id="6646"] .select2-container {
  max-width: 100%;
}
    August 7, 2020 at 11:44 am #255348

    In reply to: Mobile Width Css Help


    Trevor
    Moderator

    That CSS looks wrong. The first bit of code you appear to need is this:

    .searchandfilter[data-sf-form-id="6646"] ul {
  padding-left: 0;
}

    The CSS you gave me should surely be max-width, not min-width, if it is for mobile only?

    And it is missing a pair of curly braces:

    @media (min-width: 600px) {
  .searchandfilter[data-sf-form-id="6646"] {
    min-width: 50px;
  }
}

    Can you show me one or more annotated screenshot(s) of the design change(s) you want? If you can do that, you would need to upload the screenshot image(s) to a file sharing site (like the WordPress Cloudup site) and share the link with me?

    August 4, 2020 at 12:17 pm #254999

    In reply to: Make all the display fields the same width?


    Trevor
    Moderator

    I think this custom CSS makes it look better?

    .searchandfilter[data-sf-form-id="5450"] {
  padding: 20px;
}
.searchandfilter[data-sf-form-id="5450"] > ul {
  margin: 0;
}
.searchandfilter[data-sf-form-id="5450"] li.sf-field-search input,
.searchandfilter[data-sf-form-id="5450"] li.sf-field-search label,
.searchandfilter[data-sf-form-id="5450"] li[data-sf-field-input-type="select"] label,
.searchandfilter[data-sf-form-id="5450"] li[data-sf-field-input-type="select"] select,
.searchandfilter[data-sf-form-id="5450"] li[data-sf-field-input-type="daterange"] label,
.searchandfilter[data-sf-form-id="5450"] .select2-container {
  min-width: 100%;
}
    July 28, 2020 at 4:52 pm #254178

    In reply to: Can’t set the search engine right


    Trevor
    Moderator

    To make the form Horizontal, see here:

    https://searchandfilter.com/documentation/getting-started/display-search-form/#making-your-search-form-horizontal

    There are many other customising snippets in the forums:

    https://support.searchandfilter.com/forums/search/searchandfilter+data-sf-form-id/

    That code you tried will likely not work. Are you able to send me a live link/URL to your search page so I can take a look?

    July 27, 2020 at 5:07 pm #253995

    In reply to: costumize the search fields


    Trevor
    Moderator

    To make the form Horizontal, see here:

    https://searchandfilter.com/documentation/getting-started/display-search-form/#making-your-search-form-horizontal

    There are many other customising snippets in the forums:

    https://support.searchandfilter.com/forums/search/searchandfilter+data-sf-form-id/

    July 21, 2020 at 9:12 pm #253488

    In reply to: Style Codes


    Trevor
    Moderator

    Is it OK to close this thread for now? If you do this forum search, you will find tons of snippets:

    https://support.searchandfilter.com/forums/search/searchandfilter+data-sf-form-id/

  • Author
    Search Results
Viewing 10 results - 61 through 70 (of 189 total)
1 2 3 … 6 7 8 … 17 18 19