-
Posts
-
Hello. Please, would you be so kind as to tell me the css to personalize the contact form? At the bottom of the page
http://www.brunocover.it/CMS/wordpress/trikego/?page_id=62
I use the contact form, I would like to be able to change the color of all the borders of the fields and the color of the INVIA button when the mouse hover, but without changing the color of the button I use as a submenu in PRODOTTI, which I would like to keep blue: I would like to change the color of the field borders and the color of the button to the mouse hover, but only for the contact form.
I’m using it as a quick css/ * Contact Form * /
#top div .av-dark textarea form, #top div.av-dark-form select, div div .av-dark-form .button {
color: # 24305e;
border-color: # 24305e;
border-width: 2px! important;
background-color: transparent;
}but as you will see in the image in
with this css I managed to change only the border of the MESSAGGIO field and not the others and I can’t change the color of the INVIA button to the mouse hover. As you can see from the image, I would however like to keep the color # 24305e that I use for the submenu (in the image, above, under PRODOTTI \ CARGO BIKE) and as already written, change only the color of the INVIA button of the contact form: keep the #24305e in the submenu (set in general style) and change only the color of the SEND button with the appropriate css. Many thanks for your support. Best regards. Bruno
Hey Bruno,
Do you have a screenshot of exactly what you want it to look like?
Best regards,
Jordan ShannonHi Jordan. Here is the picture https://ibb.co/7VT2NNM
With the css I managed to make the border # 24305e only of the MESSAGE field, I would also like it for the other fields of the contact form.
While for the SEND button, if you go over it, you’ll see that it becomes the same # 24305e, but you can’t read the message SEND. The best solution, at this point, would be to change only the color of the message INVIA to the mouse hover, from dark to light (white), as shown in the image. Thanks a lot. Best regards. BrunoHi,
Apologies for the delay. Add this to quick css:
#top div .av-dark-form input[type='text'], #top div .av-dark-form input[type='input'], #top div .av-dark-form input[type='password'], #top div .av-dark-form input[type='email'], #top div .av-dark-form input[type='number'], #top div .av-dark-form input[type='url'], #top div .av-dark-form input[type='tel'], #top div .av-dark-form input[type='search'], #top div .av-dark-form textarea{ border-color:#24305e!important; } div div .av-dark-form .button:hover{ color:#fff!important; }Best regards,
Jordan Shannon
- The topic ‘Customize all the contact form’ is closed to new replies.