How to enhance my submit button

Hello

I was wondering if anyone could tell me how I could enhance my submit button by:

  1. Doubling the size

2.Rounding the corners

  1. Placing a silver border around the button

  2. Changing the background color to red

  3. Changing the text color to white.

I use the PageBreeze HTML editor, Any help will be greatly appreciated!

Thank you


button2.png

What CSS styling do you have for the button already? Post the code here and we can give some suggestions.

First add this to your input code line:

<input type="submit" value="Subscribe"  class='button' />

Then add this in your stylesheet, or in a style tag on the same page:

input.button {
padding: 15px 32px; /* makes it bigger change numbers to change size */
border-radius: 4px; /* round corners change number to change how much */
border: 2px solid #e7e7e7;  /* silver border */
background-color: red;  /* background red */
color: white;  /* white text */
}
Sponsor our Newsletter | Privacy Policy | Terms of Service