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 .searchandfilter'

Viewing 10 results - 131 through 140 (of 162 total)
1 2 3 … 13 14 15 16 17
  • Author
    Search Results
  • February 27, 2020 at 2:00 pm #235073

    In reply to: Change values with css?


    Trevor
    Moderator

    Change this:

    .searchandfilter[data-sf-form-id="10033"]>ul {
    display: table;
    margin: 0 auto;
}

    to this:

    .searchandfilter[data-sf-form-id="10033"]>ul {
    display: table;
    margin: 0 auto;
    padding-left: 0;
}

    In order to do different CSS for mobile, what I gave you (and what you changed it to, for now, will need wrapping in a media query, like this:

    @media only screen and (min-width: 1025px) {
/* code here */
}

    THEN I can start to look at the mobile version. Let me know when you have made this one CSS padding addition and the change to add the media query?

    February 25, 2020 at 2:30 pm #234833

    In reply to: Change values with css?


    Trevor
    Moderator

    Does this look better:

    .searchandfilter[data-sf-form-id="9080"] > ul > li:first-child {
  margin-left: 0;
}
.searchandfilter[data-sf-form-id="9080"] > ul > li {
  margin-left: 20px;
  float: left;
}
.searchandfilter[data-sf-form-id="9080"] {
  float: left;
  width: 100%;
}
.searchandfilter[data-sf-form-id="9080"] select {
  color: black;
  font-family: "Raleway", Sans-serif;
  font-size: 16px;
  background: #eee;
  padding: 9px;
  border-radius: 6px;
}
.searchandfilter[data-sf-form-id="9080"] select,
.searchandfilter[data-sf-form-id="9080"] .sf-field-search input {
  min-width: 240px;
}
.searchandfilter[data-sf-form-id="9080"] > ul {
  display: table;
  margin: 0 auto;
}

    Replace/remove this:

    .searchandfilter > ul > li {
display: inline-block;
vertical-align: top;
padding: 0 20px;
}

    And I think you need to add the 6px border-radius to the text search field. In the code you already have:

    .searchandfilter[data-sf-form-id="9080"] .sf-field-search input {
    color: #000;
    padding: 10px 10px;
    font-family: "Raleway";
    background: #eee;
    font-size: 16px;
    border-radius: 6px;
}
    February 25, 2020 at 2:08 am #234786

    In reply to: Change values with css?


    Carlos Miguel
    Participant

    We have done this to align it on the page:

    .searchandfilter > ul > li {
    display: inline-block;
    vertical-align: top;
    padding: 0 20px;
    }

    And this to change the size of “search” and “submit”:

    .searchandfilter[data-sf-form-id=”9080″] .sf-field-search input {
    color: #000;
    padding: 10px 10px;
    font-family: “Raleway”;
    background: #eee;
    font-size: 16px;
    }
    .searchandfilter[data-sf-form-id=”9080″] .sf-field-submit input {
    color: #fff;
    font-size: 16px;
    font-family: “Raleway”;
    padding: 10px 10px;
    background: #1890ff
    }

    Regards

    February 23, 2020 at 10:52 am #234682

    In reply to: CSS RULES


    Cristina Morbidoni
    Participant

    Solved adding

    so :

    .searchandfilter[data-sf-form-id=”1146″] h4 {
    color: black;
    font-family: “Montserrat”, Sans-serif;
    font-size: 18px;
    font-weight:600
    }

    Ticket can be closed

    February 20, 2020 at 6:56 am #234426

    In reply to: CSS rules


    Cristina Morbidoni
    Participant
    This reply has been marked as private.
    February 19, 2020 at 7:07 am #234280

    In reply to: CSS rules


    Cristina Morbidoni
    Participant
    This reply has been marked as private.
    February 17, 2020 at 1:01 pm #234074

    In reply to: CSS rules


    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;
  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;
}
    January 28, 2020 at 5:44 pm #232432

    In reply to: Dropdown Select2 Style


    Ross
    Keymaster
    This reply has been marked as private.
    January 22, 2020 at 3:18 am #231788

    In reply to: Need help with CSS layout


    Trevor
    Moderator

    I think you need something like this:

    .searchandfilter[data-sf-form-id="18"] .sf-field-search input {
  font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif;
  color: #000;
  padding: 5px 10px;
  background: #eee;
  font-size: 13px;
}
.searchandfilter[data-sf-form-id="18"] .sf-field-submit input  {
  font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif;
  color: #fff;
  padding: 5px 10px;
  border: 0px solid #B6008A;
  background: #B6008A
}

    That should give you the idea anyway.

    January 13, 2020 at 11:48 am #230873

    In reply to: CSS Styling of Search Form


    Trevor
    Moderator
    This reply has been marked as private.
  • Author
    Search Results
Viewing 10 results - 131 through 140 (of 162 total)
1 2 3 … 13 14 15 16 17