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