Tagged: ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #218410

    Hey guys,

    Two Button/Field Issues:

    1. The contact form “Submit” button/form fields and the “Post Comment” button/form fields are not the same shape. Contact form has rounded corners and Comment form has sharp corners.
    How can I make the Comment fields AND button rounded to match the contact page elements?
    https://dl.dropboxusercontent.com/u/1049926/contact_submit.png
    https://dl.dropboxusercontent.com/u/1049926/post_comment.png

    2. On hover, the “Submit” button fades in slower than the “Post Comment” button.
    How can I make the “Post Comment” button fade in slower?

    Thank you guys for all your help! Jas

    #218411
    This reply has been marked as private.
    #218549

    Re: 1. I fixed the “Post Comment” button corners with this:

    input#submit {
     border-radius: 2px;
    }

    I fixed the Comment Field with this:

    textarea#comment {
    border-radius: 2px;
    }

    Still can’t figure out how to make the top three form fields rounded corners.

    Thanks, Jas

    • This reply was modified 10 years, 1 month ago by Jasmer.
    #218573

    Hey!

    Try adding this code to the Quick CSS:

    #submit {
        -ms-transition: all 0.3s ease-out; 
        -moz-transition: all 0.3s ease-out; 
        -webkit-transition: all 0.3s ease-out; 
        -o-transition: all 0.3s ease-out; 
        transition: all 0.3s ease-out;
    }

    Cheers! 
    Josue

    #218750

    Thanks Josue

    Problem 2: solved. Thank you!

    Problem 1: I solved the rest of it with this:

    #top input[type="text"] {
    border-radius: 2px;
    }

    Case closed!

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Button and Field Inconsistency’ is closed to new replies.