How to enhance my submit button


#1

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


#2

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


#3

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 */
}