Hi H_Andrea have you tried to add the CSS in the Field Label CSS and Input CSS?
Yes, the css works properly for the first, visible element/option of the checklist, but I need custom css also for the other options of the same checklist, which are visible only in the dropdown submenu. These elemenst have still whithe backround-color, grey color for the font, and blue hover background color effect.
I would like to setup also custom css for these.
How can I setup it? Is there any premade option also for these under the plugin style option?
Thank you very much!
Hi, can you share your contact form URL.
Thank you
Hi please check the following code..
element.style {
background-color: transparent;
background-image: url("http://webfolio.pw/project01/wp-content/uploads/2014/11/bg_contact2.png") !important;
border: 0 none;
color: #c6c2bc !important;
font-family: "Open Sans",Arial,sans-serif !important;
font-size: 20px;
height: 50px;
margin: 0;
max-width: 770px;
padding: 4px;
text-align: left;
width: 100%;
}
You are currently using a background image. If you remove the background image and set a background color plus remove the transparent option it will work.
background-color: transparent;
background-image: url(“http://webfolio.pw/project01/wp-content/uploads/2014/11/bg_contact2.png”) !important;
Regards
Hi,
I had to setup a backround image, because I need a 10% transparent backround for the basic pattern of the page and unfortunately the RGB 0.1 transparent setup also didn’t work.
How can these work together?
Thank you!
Okay try to set a color to the following.
background-color: transparent;
Instead of transparent set to a color like the one on your forms page.
Regards
As I mentionem, I tried a color in RGB format + 0.1 transparency, but in vain. 🙁
Hi, have you tried to use HTML color code instead. Something like this?
#1F171A
Yes, either the hexa or the rgb color codes, but I need the rgb coding, because I need a 10% transparent white for the backround pattern.
Thank you!
Hi that is very strange because in my testing browser Firefox using Firebug I was able to change the color background.
Hi, finally I setup a color, instead of at transparency, thank you very much.
The only problem is the blue hover color, which is appear if I open the dropdown menu to choose between the option.
How can I change this blue color?
Thank you very much!
Hi H_Andrea you have to change the following code.
option:checked {
background-color: -moz-html-cellhighlight !important;
color: -moz-html-cellhighlighttext !important;
}
The background-color: is producing your blue hover color.
Regards
Hi,
Doesn’t work, unfortunately.
Thank you evry much for the prompt answer! I really appreciate it!
Hi H_Andrea did you change the color? The following code -moz-html-cellhighlight !important; above needs to be changed.