To modify
the buttons, please follow the steps below:
1. Open the “main-responsive.css” file using Notepad. The file is located in “templates/default/css.”
2. Locate the code below:
form .submitbtn { margin-bottom: 10px; }
Directly update the CSS inside form .submitbtn { } to reflect your own style. You need to be familiar with CSS in order to update this.
For more information about CSS, please refer to:
http://www.w3schools.com/Css/default.asp
For example, if you wish to change the button color to red, then please update the CSS to:
. form .submitbtn { margin-bottom: 10px;background-color:#FF0000; }
Note: The CSS class submitbtn is used globally in the site. If you change the look or design of the Submit button, the other Submit buttons in the site will also change.
3. Save the file and upload to the “templates/default/css” folder.
Preview of the example above:
