-
AuthorPosts
-
November 9, 2017 at 3:00 pm #874678
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
November 9, 2017 at 4:41 pm #874754Hey 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,
VictoriaNovember 12, 2017 at 4:58 am #875645Hi 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,
November 12, 2017 at 5:39 am #875646I 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.
November 12, 2017 at 8:05 am #875654Hi,
If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon -
AuthorPosts
- The topic ‘Decrease weight of border on forms’ is closed to new replies.
