Hi James,
CSS is a technology used to lay out HTML pages. It allows you to specify styles which can be applied to HTML elements by type (e.g. h1, h2, p) or by tagging an element with a class or id.
The Protx Direct module uses CSS classes in some of the templates supplied with the module so that you can style the module to suit your shop.
To style the elements provided by the Protx Direct module you have to put some CSS styles into a file called a stylesheet which comes along with Zen Cart.
Open the file
includes/templates/YOUR_TEMPLATE/css/stylesheet.css
in your Zen Cart installation and add the following lines to the bottom of it:
Code:
.ProtxDirectCardsAcceptedSideboxCardIcon { margin-left: 4px; margin-bottom: 4px; }
.ProtxDirectCardsAcceptedSidebox3DSecureIcon { margin-left: 4px; margin-bottom: 4px; }
.ProtxDirectFormGadgetError { background: #FF6633; }
.ProtxDirectCardIcon { margin-right: 4px; margin-bottom: 4px; }
If the above file doesn't exist, create it by copying across the file:
includes/templates/template_default/css/stylesheet.css
to the above directory, substituting your template's name for YOUR_TEMPLATE :)
Hope that helps!
Bookmarks