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 & Filter Pro › CSS rules

Tagged: ,

Viewing 10 posts - 1 through 10 (of 28 total)
1 2 3
  • Cristina Morbidoni
    (Private)  February 11, 2020 at 5:07 pm #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 Moderator
    (Private)  February 11, 2020 at 6:02 pm #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)?

    Cristina Morbidoni
    (Private)  February 13, 2020 at 5:42 pm #233886
    This reply has been marked as private.
    Trevor Moderator
    (Private)  February 14, 2020 at 12:21 pm #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.

    Cristina Morbidoni
    (Private)  February 15, 2020 at 6:07 pm #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 Moderator
    (Private)  February 17, 2020 at 1:01 pm #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;
}
    Cristina Morbidoni
    (Private)  February 17, 2020 at 6:14 pm #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 Moderator
    (Private)  February 17, 2020 at 6:42 pm #234169
    This reply has been marked as private.
    Cristina Morbidoni
    (Private)  February 18, 2020 at 9:08 am #234200

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

    Cristina Morbidoni
    (Private)  February 18, 2020 at 9:12 am #234194
    This reply has been marked as private.
  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 28 total)
1 2 3

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