Tagged: form, select element
Hello,
I was wondering if there was a way to change the background color on a form when using the Form Element: Select Element option. I was able to change the text input sections using the following code and I would like the select element sections to match.
input, textarea {
font-family: Open Sans, sans-serif !important;
font-weight: 400 !important;
color: #595959 !important;
background-color: #f8f8f8 !important;
}
Let me know if this possible, thanks!
Hey Kirstie,
Something like this?
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
#top .avia_ajax_form .select[multiple] {
background-color: #666;
}
If you need further assistance please let us know.
Best regards,
Victoria
That worked great for the sections where they can select multiple options, but not for the dropdown menus. Is there any way to change those? Thanks!
Hi,
Add this to quick css:
select {
font-family: Open Sans, sans-serif !important;
font-weight: 400 !important;
color: #595959 !important;
background-color: #f8f8f8 !important;
}
Best regards,
Jordan Shannon
That worked perfectly. Thanks so much!
Hi,
No problem at all. I’m glad that was able to work for you. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon