Iframe CSS styles

The web toolkit

Iframe descriptions

Other components

Building the page

Implementing in WordPress

Implementing in HTML

Configuring CSS styles

Iframe CSS styles

CSS file structure

The checkout screens

Club selection and signup

The account manager

Administrative tools

The following sections illustrate the various available iframe components, and indicate where to find the CSS selectors that control their display styles:

logout button and join header

member login form

product catalog

product details display

shopping cart editor

“shopping basket”

catalog display menu

member choice catalog

user message display

The CSS style sheets also include the @media queries which respond to device display dimensions.

Editing the styles

To modify a web site, use a text or HTML/CSS editor to compare the following three documents:

Note that in addition to the CSS styles, you can modify the text of most of the fields and labels in any of the iframes (e.g., “Available,” “Vintage,” or “QTY”) as needed in the corresponding Frame Configuration records.


   Logout button and Join header


   The member login form


   The product catalog



   The product details display



   The shopping cart editor


   The “shopping basket”



   The display menu


   The member choice catalog



   The user message display



   The @media queries