Forums › Forums › Search & Filter Pro › CSS rules
Tagged: css, Formatting
- This topic has 27 replies, 2 voices, and was last updated 4 years, 8 months ago by Anonymous.
-
Anonymous(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(Private) February 14, 2020 at 12:21 pm #233946Before 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.
Trevor(Private) February 17, 2020 at 1:01 pm #234074I 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(Private) February 17, 2020 at 6:14 pm #234167hello,
i’ve applied the settings sugested but the result is –> https://pasteboard.co/IV8mkjX.pngi 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 ?
-
AuthorPosts