Tagged: ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • February 2, 2014 at 2:15 pm #218410
    Jasmer

    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

    February 2, 2014 at 2:15 pm #218411
    Jasmer
    This reply has been marked as private.
    February 3, 2014 at 2:01 am #218549
    Jasmer

    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, 9 months ago by Jasmer.
    February 3, 2014 at 3:35 am #218573
    Josue

    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

    February 3, 2014 at 12:22 pm #218750
    Jasmer

    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!

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