Tagged: 

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #710946

    I would like to change the following in the contact form:

    1) Main color of ALL input fields. Referring to the forum, I tried it with these two, but as you can see it didn’t really work.

    #top .main_color input[type=’text’] { background-color: #f0eadd; border: solid 1px #ccc; }
    #top .main_color textarea { background-color: #f0eadd; border: solid 1px #ccc; }

    2) Change the submit button background color on hover and non-hover

    3) change the submit button to full-widht

    thank you
    r

    #711235

    Hey eKMUch!

    1) Main color of ALL input fields. Referring to the forum, I tried it with these two, but as you can see it didn’t really work.
    Textarea seems to be working just fine but input fields doesn’t because of the single quotes ‘, I have replaced the single quotes in Quick CSS it should look like this:
    #top .main_color input[type='text'] { background-color: #f0eadd; border: solid 1px #ccc; }

    2) Change the submit button background color on hover and non-hover
    3) change the submit button to full-widht

    Add this code to Quick CSS:

    .avia_ajax_form input[type='submit'].button {
        background-color: #00bdbd;
        width: 100%;
    }
    
    .avia_ajax_form input[type='submit'].button:hover {
        background: #009a9a;
    }

    1st code block is for 2.) non-hover background color and 3.) fullwidth. 2nd block of code is for the button hover, just adjust the color as you see fit. Hope this helps :)

    Best regards,
    Nikko

    #711282

    wonderful! thank you very much nikko! All three codes worked like a charm! :)

    best,
    r

Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Form Fields Background and Button Colors’ is closed to new replies.