−Table of Contents
CSS Objectnames
If you wish to use css to style your FoxyCart cart and checkout forms, you will need to use the following object names. (You should be able to work out what's what.)
MAIN STYLE ELEMENTS
#fc_checkout_container
#fc_receipt_container
#fc_cart_container
span.fc_clear
#fc_checkout_container a.fc_link_nav
#fc_cart_container a.fc_link_nav
#fc_receipt_continue a.fc_link_nav
FORM ELEMENTS
#fc_checkout_container div.fc_fieldset_container
#fc_receipt_container div.fc_fieldset_container
#fc_checkout_container li.fc_row
#fc_receipt_container li.fc_row
Labels
#fc_checkout_container label.fc_label_left,
#fc_receipt_container span.fc_text_label
#fc_checkout_container .fc_row_error label.fc_label_left
#fc_checkout_container label.fc_error
#fc_checkout_container #fc_form_checkout_error
Radio Buttons
#fc_checkout_container div.fc_radio_group_container
#fc_checkout_container label.fc_label_radio
Checkbox Styles
#fc_checkout_container span.fc_input_checkbox_container
#fc_checkout_container span.fc_input_checkbox_text
Text Input Styles
#fc_checkout_container input.text
#fc_checkout_container .fc_row_error input.text
PRE-CHECKOUT ELEMENTS
#fc_cancel_continue_shopping
LOGIN OR REGISTER
#fc_login_register_container
div.fc_fieldset_container
div#fc_continue a.fc_link_nav
ADDRESSES
#fc_customer_billing_container
#fc_address_shipping_container
#fc_use_different_address
DELIVERY & SUBTOTAL
#fc_shipping_methods_container
#fc_checkout_container #fc_shipping_methods
#fc_shipping_methods_inner
#fc_shipping_methods_container #fc_shipping_methods_label
#fc_shipping_methods_container label.fc_label_radio
#fc_shipping_methods_container span.fc_shipping_cost
#fc_shipping_container #fc_shipping_methods_container label.fc_label_left
#fc_shipping_methods_container div.fc_row_error
PAYMENT INFORMATION
#fc_payment_container
#fc_checkout_container #fc_payment
li#li_save_cc
#fc_payment_list span.fc_input_checkbox_container
#fc_payment_list span.fc_input_checkbox_text
fieldset#fc_payment li.fc_row
#fc_checkout_container li.fc_row_radio input.radio
#fc_payment_container span.fc_c_card_saved_number
fieldset#fc_payment label.fc_label_left
#fc_checkout_container input#cc_number
#fc_complete_order_button_container
#fc_complete_order_button
#fc_complete_order_button:hover
CHECKOUT CART DISPLAY
#fc_checkout_cart
CART TEMPLATE STYLES
#cartTitle
#cartBody
#cartColL
#cartColR
CART ^^cart^^ STYLES
#fc_cart_container
#fc_cart_table
#fc_cart_table caption
td#fc_cart_foot_total_label
#fc_cart_container td.fc_cart_item_name
#fc_cart_container ul.fc_cart_item_options
#fc_cart_container li.fc_cart_item_option
#fc_cart_container input.fc_cart_item_quantity
#fc_cart_container span.fc_cart_item_price_total
#fc_cart_container span.fc_cart_item_price_each
#fc_cart_controls
#fc_cart_container #fc_cart_update
#fc_cart_container #fc_cart_checkout
#fc_cart_container #fc_cart_update:hover
RECEIPT SPECIFIC STYLES
#fc_receipt_container
#fc_receipt_container
#fc_receipt_container span.fc_text_label
#fc_receipt_container span.fc_text
#fc_receipt_continue a.fc_link_nav