Hi, I have used the following CSS to decrease the border weight of the contact form. It worked perfectly except one field. Can you pls advise how to make the “APPROX Budget” box/border consistent with the others. http://www.kelseyhutchinsonstudio.com/enquire/
#top div .av-dark-form input[type=’text’] {
border-color: #000 !important;
border-width: 1px !important;
background-color: #ffffff !important;
}
#top .avia_ajax_form .text_area {
border-color: #000 !important;
border-width: 1px !important;
background-color: #ffffff !important;
}
.av-custom-form-color .button:hover {
border-color: #000 !important;
border-width: 1px !important;
background-color: #d6ced0 !important;
}
.av-custom-form-color .button {
border-color: #000 !important;
border-width: 1px !important;
background-color: #ffffff !important;
}
Thank you
Hey tweetgeeb,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
#top .avia_ajax_form .select option, #top select {
font-size: 14px;
}
If you need further assistance please let us know.
Best regards,
Victoria
Hi Victoria, This hasn’t worked I’m afraid.
The CSS required is for the border, not font size – I used CSS (above) which worked perfectly except for two fields – Approx budget and Submit – the borders on these fields are still too heavy. http://www.kelseyhutchinsonstudio.com/enquire/
Hoping you can help.
Thanks,
I changed the field from a multiple choice to a text field, and the thick line now matches all others.
Pls close the ticket as I feel this has been resolved.
Thank you for your support Victoria.
Hi,
If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon