To modify the look or design of the Credit Card Payment and Other Payment Type content, 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:
.sidebarcell, .main-content, .main-product, .main-news, .main-blog, .main-freetext, .main-product, #shopcustomer {
border: 1px solid #e7e7e7;
margin-bottom: 10px;
padding: 15px;
}
Directly update the CSS as mentioned above 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 background color to green and change the title color to black, then please update the CSS as shown below:
.sidebarcell, .main-content, .main-product, .main-news, .main-blog, .main-freetext, .main-product, #shopcustomer {
border: 1px solid #e7e7e7;
margin-bottom: 10px;
padding: 15px;
background:#b3ca1c;
color:#000000;
}
Note: Changing the CSS style
above will also update the other styles (e.g. .sidebarcell,
main-news, etc.) used in your
site.
Preview of the example above:
3. Save the file and upload to the “templates/default/css” folder.