Forums › Forums › Search & Filter Pro › Dropdown list and submit button too small

Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Trevor
    (Private)  July 24, 2016 at 9:39 am #52009

    You would need to write custom css to achieve this. Are you able to make an image mockup of what you want it to look like? and post a link to that image here? I could then maybe advise.

    Anonymous
    (Private)  July 24, 2016 at 10:17 am #52017

    Something as wide dropdown list and reset button like this.
    http://c84.e06.myftpupload.com/cars-and-trucks/?_sft_post_tag=1987

    I prefer to keep as horizontal as current.

    Anonymous
    (Private)  July 24, 2016 at 10:38 am #52018
    This reply has been marked as private.
    Trevor
    (Private)  July 25, 2016 at 9:27 am #52057 
    .searchandfilter label {
  width: 250px;
}
.searchandfilter select.sf-input-select {
  width: 100%;
}
.searchandfilter select option {
  padding: 3px 5px;
}

    As to the button, you appear to have made this style:

    #search-filter-form-23 input[type="submit"] {
    margin: 0;
    border-width: 10px;
    border-style: solid;
    cursor: pointer;
    border-radius: 4px;
    padding: 3px 11px;
    box-sizing: border-box;
}

    To which you would need to add a background, such as:

    background: #d33528;

    Anonymous
    (Private)  July 25, 2016 at 9:50 am #52059

    Thanks ! Did i paste into the custom CCS ? I have paste all of them, and seems still the same.

    Is there any other problem ?

    Trevor
    (Private)  July 25, 2016 at 10:19 am #52065

    I am unsure what you are looking at? I have just opened the page link you gave me and I see much wider select boxes with more padding on the text and also the input button is now different?

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)