Available CSS options in the admin panel

List of options in the Look & Feel Settings section in the Magento admin panel.

  • General Settings

    • Body background color
    • Maximum container width
    • Contents background color
    • Google font
    • Default font family
    • Titles font family
    • Font color
    • Titles H1,H2... color
    • Default links color
    • Buttons font family
    • General button background color
    • Buttons text color
    • General button background color on hover
    • Buttons text color on hover
    • Main buttons background color (add to cart, checkout)
    • Main buttons text color
    • Main buttons background color on hover
    • Main buttons text color on hover
    • Popups/Modals backdrop color ( opacity:0.5 )
    • Font size
    • Border radius
  • Top navigation

    • Font size
    • Font color
    • Font color on hover
    • Font color when element is clicked
    • Background color
    • Border color
  • Header

    • Background color
  • Top Categories Menu

    • Container border color
    • Background color parent categories
    • Background color parent categories on hover
    • Font color
    • Font color on hover
    • Font color subcategories (2nd level)
    • Font color subcategories (2nd level) on hover
    • Parent categories font size
    • Background color child categories
    • Background color child categories on hover
    • Font color - child categories
    • Font color - child categories on hover
    • Child items border color
    • Shadow color
  • Breadcrumbs

    • Breadcrumbs background color
    • Font color
    • Link color
    • Link color on hover
    • Separator character
  • Products List and Grid

    • Toolbar background color
    • Toolbar font color
    • Toolbar link color
    • Toolbar font color on hover/active
    • Thumbnails border color
    • Thumbnails border width
  • Layered Navigation

    • Font color
    • Font color on hover
    • Background color
    • Background color on hover
    • Horizontal border color
  • Price Slider

    • Handles border color
    • Handles background color
    • Range border color
    • Range background color
  • Product Details Page

    • Font color
    • Font size
  • Attribute Swatches in Product Details Page

    • Swatches in product page height
    • Swatches in products list height
    • Swatches border_width
    • Shadow color
    • Border color
    • Font color
    • Background color
    • Border color on hover
    • Font color on hover
    • Background color on hover
    • Border color for selected swatches
    • Font color for selected swatches
    • Background color for selected swatches
    • Border color for disabled swatches
    • Font color for disabled swatches
    • Background color for disabled swatches
  • Product Reviews

    • Review left border color
  • Tabs

    • Border color
    • Border color on hover
    • Background on hover/active
    • Tab font color hover/active
    • Active tab border color default/hover
  • Panels: layered navigation, login page, checkout steps

    • Background Color
    • Border Color
    • Title Background Color
    • Title Color
    • Title Bottom Border Color
    • Bottom background color
  • Sidebar Blocks

    • Background Color
    • Border Color
    • Title Background Color
    • Titles font family
    • Title Font Color
    • Title Bottom Border Color
  • One Page Checkout

    • Steps Font Color
    • Steps Background Color
    • Active Steps Font Color
    • Active Steps Background Color
  • Footer

    • Footer background color
    • Footer rows top border color
    • Footer titles color
    • Footer text color
    • Links font color
    • Links font color on hover
    • Bottom border color of links (vertical lists)
  • Footer Bottom

    • Footer bottom background color
    • Top border color
    • Footer text color
    • Links font color
    • Links font color on hover