[ASK] Contact form list problem

GuiltyConscience

Active member
Apr 8, 2020
163
53
28
somewhere in Canada
Howdy!

Im working on my website today and I have a problem with list item in contact form.
My list is exactly the same color of my text.

1586883932556.png

I have to pass the cursor on the white area to see the list item, if i dont do that...I cant see the other options.

I tried to add:

Code:
input[type="menu-18"],
{
 background-color: #fff;
 color: #d90a2c;
 width: 50%;
}

But it change nothing...
 

zoulhan

Member
Nov 25, 2018
85
27
18
I need your website URL...

is that contact form 7?

if it's contact form 7, try adding this CSS:

.wpcf7-form-control-wrap option{
background-color: #fff;
color: #d90a2c;
width: 50%;
}
 

GuiltyConscience

Active member
Apr 8, 2020
163
53
28
somewhere in Canada
I need your website URL...

is that contact form 7?

if it's contact form 7, try adding this CSS:

.wpcf7-form-control-wrap option{
background-color: #fff;
color: #d90a2c;
width: 50%;
}
Yup its in contact form 7.
My main problem is:
I want to let all my contact form as they are, except this element named "menu-18".
Because this problem is only in that list. all other things seem fine.
 

zoulhan

Member
Nov 25, 2018
85
27
18
Yup, its in contact form 7.
My main problem is:
I want to let all my contact form as they are, except this element named "menu-18".
Because this problem is only in that list. all other things seem fine.

Okay... your CSS code, not "input", it should be "select".

try this :

select[name="menu-18"] option {
background-color: #fff;
color: #d90a2c;
width: 50%;
}
 

About us

  • Our community has been around for many years and pride ourselves on offering unbiased, critical discussion among people of all different backgrounds. We are working every day to make sure our community is one of the best.

Quick Navigation

User Menu