Documentation You are here: start » v » 0.6.0 » docs » csstags

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

Site Tools