6 Replies Latest reply on Aug 7, 2016 10:44 AM by Tom Kerlin

    CSS to Change the Width of a Button on a Form

    Tom Kerlin

      Hi all,

       

      Does anybody have a simple way to change the width of an out-of-the-box form submit button? Is it possible to edit a pre-existing button style or do I need to start from scratch? If so, can you post the custom code that you're using so I can test? I'm trying to extend the width so it matches up with the form field width and I'm using the following code (below) to ensure the out-of-the-box button color remains the same color when you hover over it, which is working. Unfortunately my CSS width command is not changing the form submit button's width.

       

      Edit Custom CSS:

      <style type="text/css">

      a.button a:hover{

      background: #ed1c24 !important;

      }

      button:hover{

        background:#ed1c24 !important;

      }

      a.button {

      display:inline;

      width: 200px;

      padding:5px 10px;

      }

      button {

        width: 200px

      }

       

      ***This isn't the priority, but in the future it would be nice to know simple tricks to edit the form submit button's border color and text color (Feel free to post something on this too).

       

      Thanks!

      Tom