Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 17, 2018 at 10:42 pm #958354
    MJM

    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!

    May 19, 2018 at 1:17 pm #959062
    Victoria

    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

    May 21, 2018 at 4:28 pm #959840
    MJM

    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!

    May 21, 2018 at 4:44 pm #959849
    Jordan Shannon

    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

    May 21, 2018 at 5:05 pm #959865
    MJM

    That worked perfectly. Thanks so much!

    May 21, 2018 at 5:10 pm #959868
    Jordan Shannon

    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

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Form Element: Select Element Background Color’ is closed to new replies.