MachForm Community Forums » MachForm 2

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 14 years ago #
2. 

   redityo

   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

   ---

   MachForm Support

   Posted 14 years ago #

3. ksanborn8
   Member

   Worked perfectly! Thank you.

   Posted 14 years ago #

4. chicagowebmanagement
   Member

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

   Posted 14 years ago #
5. 

   yuniar

   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.

   ---

   MachForm Founder

   Posted 14 years 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 14 years ago #

RSS feed for this topic

Reply

You must log in to post.