This topic is: resolved
Viewing 5 posts - 1 through 5 (of 5 total)
Viewing 5 posts - 1 through 5 (of 5 total)
You must be logged in to reply to this topic.
Please use one topic for only one question.
Please use one topic for only one question.
Please use one topic for only one question.
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.
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);
}
Hi.
Add to .pix-contact-form select :
-webkit-appearance: none;
to apply your styles in chrome.
You must be logged in to reply to this topic.