Support Forums

This topic is: not resolved

Tagged: ,

Viewing 10 posts - 1 through 10 (of 28 total)
  • Cristina Morbidoni

    Need to format a query form on this site 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 Moderator

    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)?

    Cristina Morbidoni
    This reply has been marked as private.
    Trevor Moderator

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

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

    Cristina Morbidoni

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

    Trevor Moderator

    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;
    .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;
    Cristina Morbidoni

    i’ve applied the settings sugested but the result is –>

    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 –>

    Do yu need to acces at site in admin mode ?

    Trevor Moderator
    This reply has been marked as private.
    Cristina Morbidoni

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

    Cristina Morbidoni
    This reply has been marked as private.
Viewing 10 posts - 1 through 10 (of 28 total)

The topic ‘CSS rules’ is closed to new replies.