Dropdown list and submit button too small

Anonymous

#51978

hi support

It seems that the field of the dropdown is too small, is there anyway i can make it bigger in size.

And also the submit button, can i customise it to be in red background and BIGGER is size ?

Website:http://english.imonitor.online/

Cheers
Thanks

Trevor

#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

#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

#52018

This reply has been marked as private.

Trevor

#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

#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

#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