How can I align these better, so that they’re all in line and equally spaced?
I would also like for them to be the full width of the element and fluid. I’m assuming all of this could be achieved through CSS?
I would like to replicate a similar solution in the footer, as can all be seen on the site on the homepage :)
http://test.southshorepubliclibraries.ca
https://www.dropbox.com/s/ekq52lw1lyevnz6/Screenshot%202014-08-15%2013.53.13.png
Also, can I get rid of the extra arrow as added by Firefox? :)
https://www.dropbox.com/s/ayt6w8qlvhl9gbj/Screenshot%202014-08-15%2013.57.09.png
Hey!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
input#searchdata1, select[name="library"] {
width: 100%!important;
}
EDIT: please also add following code
.avia-mozilla select, .avia-mozilla .avia_ajax_form .select, .avia-mozilla .entry-content-wrapper select, .avia-mozilla .mobileMenu { background-image: none !important; }
Cheers!
Yigit
Thanks, that mostly worked! :D
How can I reduce the space between the select field and submit button?
https://www.dropbox.com/s/znyvvz3f7vz9beq/Screenshot%202014-08-15%2017.44.43.png
Hi!
Seems like you have already figured it out – http://i.imgur.com/cQvAXdV.png :)
Let us know if you have any other questions or issues!
Regards,
Yigit