Appnitro Software Forums » MachForm

Cursor over submit button should be hand

(6 posts)
  • Started 1 year ago by ksanborn8
  • Latest reply from chicagowebmanagement

  1. ksanborn8
    Member

    Hi!

    I wanted to make the submit button hover turn into a hand rather than the pointer cursor. I have added the following to the css code:

    /**** Buttons ****/
    #main_body input.button_text
    {
    overflow:visible;
    padding:0 7px;
    width:auto;
    background-color:#7cbf4c;
    font-size:8px;
    color:#FFFFFF;
    border-style:solid;
    border-width:thin;
    border-color:#0063a2;
    cursor:hand;
    }

    However, it's not working. I also noticed that the cursor does not change to a hand on the default form either. How can I fix this?

    Thanks!

    Katie

    Posted 1 year ago #

  2. redityo
    MachForm Support

    Hi Katie,

    Try to change "cursor:hand" with "cursor:pointer". Otherwise, you can search for these css code :

    #main_body .buttons input
{
	font-size:120%;
	margin-right:5px;
}

    and change it with this

    #main_body .buttons input
{
	font-size:120%;
	margin-right:5px;
cursor:pointer;
}

    That would make all buttons in the form has "hand" pointer

    Posted 1 year ago #

  3. ksanborn8
    Member

    Worked perfectly! Thank you.

    Posted 1 year ago #

  4. chicagowebmanagement
    Member

    What about making the submit buttons look like buttons again? I'd like to do that if possible.

    Posted 1 year ago #

  5. yuniar
    MachForm Founder

    chicagowebman -- I'm not quite sure about what you mean? I suppose if you don't do the above modification, your submit button will be the original submit button.

    Posted 1 year ago #

  6. chicagowebmanagement
    Member

    disregard my comment.

    I'm embedding the form, and the overriding CSS is causing the buttons to look weird.

    when I 'view form' from within appnitro, the buttons look fine.

    Posted 1 year ago #

RSS feed for this topic

Reply

You must log in to post.