Contact Form 7 selectbox styling

[bagimsizatolyeParticipant]

Hi. The contact forms are successfully styled by the theme. However the select boxes seem to be excluded, as it has only the browser styles.

Private Content Hidden

[Support teamKeymaster]

Hi.

Please, give me admin access.

[bagimsizatolyeParticipant]

I fixed the issue by adding the code below:

.pix-contact-form select {
padding: 25px 35px;
background-color: #f8f8f8;
border:0;
border-radius: 50px 0 0 50px;
font-family: var(--pix-main-font);
font-size: 14px;
margin-bottom: 15px;
width: 100%;
}

.pix-contact-form select {
transition: all 0.30s ease-in-out;
outline: none;
border: 1px solid transparent;
}

And the focus animation in inputs except text fields was not working, so I added this:


.pix-contact-form input:not([type=submit]):focus {
box-shadow: 0 0 5px var(--pix-main-color);
border: 1px solid var(--pix-main-color);
}


[Support teamKeymaster]

Hi.

Add to .pix-contact-form select :

-webkit-appearance: none;

to apply your styles in chrome.

[bagimsizatolyeParticipant]

Thanks.