Fluorescent
Flash Cart
Flash Cart
  • Flash Cart Help Center
    • Get Started
    • FAQ
    • Support
  • Cart components
    • Quick cart
      • Cart density
      • Cart summary area
      • Cart title
      • Empty cart promotion
      • Sidebar style
    • Added-to-cart popup
    • Floating cart icon
    • Quick purchase bar
      • Customize quick purchase bar
      • Promotion banner
  • Cart Blocks
    • Using cart blocks
    • Cart items
      • Item images
      • Item savings
      • Live traffic label
      • Low inventory warning
      • Unit prices
    • Cross-sells
      • Global cross-sells
      • Handpicked cross-sells
      • Automatic recommendations
      • Cross-sells: Tips and tactics
      • Analytics
    • Free shipping bar
    • Payment icons
    • Text bar
    • Text list with icons
    • App embeds
    • Custom Liquid
  • Style settings
    • Colors
    • Fonts
    • Custom CSS
  • For Developers
    • API custom events
    • Configuration options
Powered by GitBook
On this page
  1. Style settings

Custom CSS

Cart styles

If you’re familiar with HTML and CSS, you can use the Custom CSS field to add your own styles to the cart.

We do not support code customizations. Always test code changes on a duplicated, unpublished version of your theme. We recommend finding help from a professional developer.

STEPS

In your Shopify admin:

  1. Click Duplicate on your current theme.

  2. Click Customize on the duplicated, unpublished theme version.

In your theme editor (Customize):

  1. Click to open App embeds in the side panel.

  2. Click the Flash Cart tab to open the settings.

  3. Enter your CSS code into the Custom CSS field.

  4. Click Save.

  5. Click Preview to review your changes.

    Use the preview link to further test your changes on multiple browsers and devices.

  6. After testing, you can go to your Theme library to Publish the duplicated theme with your changes.

PreviousFontsNextAPI custom events

Last updated 1 year ago