Forums Forums Search & Filter Pro CSS rules

Tagged: ,

Viewing 10 posts - 1 through 10 (of 28 total)
  • Anonymous
    #233708

    Hello.
    Need to format a query form on this site https://www.silviatravelmom.it/home I tried changing CSS rules but nothing happens. How to reach these?
    1) the same spaces between the various fields used
    2) a color background that I can customize
    3) the font color also customizable
    4) the font you can choose
    5) with the search field can click inside to write a text that performs the search with the contents of the associated table
    6) the various fields are not only with an equivalent spacing but also of the same size (before I had put the price search field which however had two fields higher rectangular than the current ones so I had to eliminate them and leave only 3)
    Thank you.

    Trevor
    #233723

    Are you able to provide me with an image (maybe annotated) of what you want it to look like (you will need to upload images to an external file sharing site, like dropbox, and share the link(s) with me)?

    Anonymous
    #233886
    This reply has been marked as private.
    Trevor
    #233946

    Before I do this, as you are using comboboxes, go to our plugin settings, and use the Select2 script, NOT the Chosen script:

    https://www.screencast.com/t/E98xOx2CmF

    Chosen does not work well with iOS devices. It is not maintained any longer, but Select2 is maintained by WordPress/WooCommerce.

    Anonymous
    #234005

    hello,
    I’ve applied Select2 option and now?
    ( what does it mean to apply this option and not the previous? What are the differences? )

    Trevor
    #234074

    I had to comment out all the custom CSS you made, so can you remove all of that?

    #3 Change background color to what? Inside and outside the black boxed area? I assumed for now you wanted it white and to the whole form.

    This is the CSS I made:

    .searchandfilter[data-sf-form-id="289"] select.sf-input-range-select {
      border: 1px solid #aaa;
      padding: 2px 0;
      border-radius: 4px;
    }
    .searchandfilter[data-sf-form-id="289"] > ul > li:first-child {
      margin-left: 0;
    }
    .searchandfilter[data-sf-form-id="289"] > ul > li {
      margin-left: 25px;
      float:left;
    }
    .searchandfilter[data-sf-form-id="289"] {
      background: #fff;
      display: table;
      padding: 15px;
    }
    .searchandfilter[data-sf-form-id="289"] h4 {
      color: red;
      font-family: "Montserrat", Sans-serif;
      font-size: 18px
    }
    .searchandfilter[data-sf-form-id="289"] select,
    .select2-container .select2-results__option,
    .searchandfilter[data-sf-form-id="289"] .select2-container--default .select2-selection--single .select2-selection__rendered {
      color: green;
      font-family: "Montserrat", Sans-serif;
      font-size: 14px;
    }
    Anonymous
    #234167

    hello,
    i’ve applied the settings sugested but the result is –> https://pasteboard.co/IV8mkjX.png

    i need that every field must be at the same distance and mus have the same height on a white backhrpund with label and filed in black how indicated in this other image –> https://pasteboard.co/IUwqAFp.png

    Do yu need to acces at site in admin mode ?

    Trevor
    #234169
    This reply has been marked as private.
    Anonymous
    #234200

    i’ve sent you a private reply but i do not see.
    have you received ?

    Anonymous
    #234194
    This reply has been marked as private.
Viewing 10 posts - 1 through 10 (of 28 total)