Modify the Look of Credit Card Payment and Other Payment Type Content

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.   Insert the new CSS code below eg:

.checkoutpage .main-product{

            [enter your own CSS style here]

}

Directly insert 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 font color to white, then please insert the new CSS code as shown below into anywhere inside the CSS file:

.checkoutpage .main-product{

       background:#b3ca1c;

       color:# FFFFFF;   

}

Preview of the example above:

3.   Save the file and upload to the “templates/default/css” folder.