Title: Center submit button
Last modified: August 22, 2016

---

# Center submit button

 *  Resolved [ibogo](https://wordpress.org/support/users/ibogo/)
 * (@ibogo)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/center-submit-button/)
 * We need to center the submit button on the following page: [https://www.ibogo.club/merchant-signup](https://www.ibogo.club/merchant-signup)
 * Below is the CSS for the submit button of the form:
 *     ```
       /*                                                    */
       /*   FORM submit button                               */
       /*                                                    */
   
       p.cf-sb {
       	text-align:right;
       	padding: 0!important;
       	margin: 0;
       }
       .cform input.backbutton,
       .cform input.resetbutton,
       .cform input.sendbutton	{
       	padding:5px 10px;
       	margin: 0 0 0 5px;
       	font-size:0.8em;
       	cursor:pointer;
       	width:auto;
   
           border-radius: 3px 0 0 0;
       	-moz-border-radius:3px 0 0 0;
       	-khtml-border-radius:3px 0 0 0;
       	-webkit-border-radius:3px 0 0 0;
   
       	border:1px solid #ccc;
   
       	background: #f7f7f7; /* Old browsers */
       	background: -moz-linear-gradient(top,  #f7f7f7 1%, #e5e5e5 100%); /* FF3.6+ */
       	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f7f7f7), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
       	background: -webkit-linear-gradient(top,  #f7f7f7 1%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
       	background: -o-linear-gradient(top,  #f7f7f7 1%,#e5e5e5 100%); /* Opera 11.10+ */
       	background: -ms-linear-gradient(top,  #f7f7f7 1%,#e5e5e5 100%); /* IE10+ */
       	background: linear-gradient(top,  #f7f7f7 1%,#e5e5e5 100%); /* W3C */
       	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
       }
       .cform input.backbutton:hover,
       .cform input.resetbutton:hover,
       .cform input.sendbutton:hover {
       	border:1px solid #aaa;
       	background: #fdfdfd; /* Old browsers */
       	background: -moz-linear-gradient(top,  #f7f7f7 1%, #c1c1c1 100%); /* FF3.6+ */
       	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f7f7f7), color-stop(100%,#c1c1c1)); /* Chrome,Safari4+ */
       	background: -webkit-linear-gradient(top,  #f7f7f7 1%,#c1c1c1 100%); /* Chrome10+,Safari5.1+ */
       	background: -o-linear-gradient(top,  #f7f7f7 1%,#c1c1c1 100%); /* Opera 11.10+ */
       	background: -ms-linear-gradient(top,  #f7f7f7 1%,#c1c1c1 100%); /* IE10+ */
       	background: linear-gradient(top,  #f7f7f7 1%,#c1c1c1 100%); /* W3C */
       	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#c1c1c1',GradientType=0 ); /* IE6-9 */
       }
       .cform input.resetbutton {
       	width: auto;
       	padding:5px 1em;
       }
       .cform input.backbutton {
       	width: auto;
       	padding:5px 1em;
       }
       ```
   
 * If anyone can help by suggesting a way to center the submit button it will be
   greatly appreciated.

Viewing 2 replies - 1 through 2 (of 2 total)

 *  [WPyogi](https://wordpress.org/support/users/wpyogi/)
 * (@wpyogi)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/center-submit-button/#post-5588277)
 * Try adding this CSS:
 *     ```
       p.cf-sb input {
          display: table;
          margin: 0 auto;
          }
       ```
   
 *  Thread Starter [ibogo](https://wordpress.org/support/users/ibogo/)
 * (@ibogo)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/center-submit-button/#post-5588299)
 * Worked like a charm!
 * Thanks 🙂

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Center submit button’ is closed to new replies.

## Tags

 * [center](https://wordpress.org/support/topic-tag/center/)
 * [code](https://wordpress.org/support/topic-tag/code/)
 * [css](https://wordpress.org/support/topic-tag/css/)
 * [form](https://wordpress.org/support/topic-tag/form/)
 * [html](https://wordpress.org/support/topic-tag/html/)
 * [php](https://wordpress.org/support/topic-tag/php/)
 * [submit](https://wordpress.org/support/topic-tag/submit/)
 * [widget](https://wordpress.org/support/topic-tag/widget/)

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 2 replies
 * 2 participants
 * Last reply from: [ibogo](https://wordpress.org/support/users/ibogo/)
 * Last activity: [11 years, 5 months ago](https://wordpress.org/support/topic/center-submit-button/#post-5588299)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics