AnsweredAssumed Answered

CSS to Change the Width of a Button on a Form

Question asked by Tom Kerlin on Aug 4, 2016
Latest reply on Aug 7, 2016 by 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

Outcomes