Please let us know how this article can be improved.
Choose all that apply.*
Report a bad link
Out of date (instructions or screenshots)
Missing detail
Other
Using CSS to customize your Floating Cart appearance
Learn how to enable and edit the CSS for your Floating Cart, and how to revert to the default settings.
Article ID: SLN18992
Floating cart display settings may be customized using a custom CSS file, which can be downloaded from the Customize Appearance tab of Floating Cart Manager.
Heads-up: Use of CSS to customize your mini-cart and floating cart is recommended only for developers and merchants who are familiar with CSS. Incorrect CSS formatting can cause display issues with your mini-cart and floating cart.
Enable the Use Custom CSS checkbox. The section will expand to display a CSS file download link, and an Upload button.
Click the Download custom floating cart CSS link, and save the CSS file to your computer when prompted.
Once you've saved the CSS file, you may make edits to it, then upload your changes.
Upload your edited CSS file
In Floating Cart Manager, click the Customize Appearance tab.
In the Advanced Design Settings section:
Click the Browse button beside the Upload CSS File field.
Locate the edited CSS file on your computer. Select this file, then click the Upload button.
Save or Save & Preview your settings. Once your settings have been saved, you may Publish your changes. Previewing your changes before publishing is recommended.
Reverting to previous settings
Should you modify your mini-cart and floating cart CSS and wish to revert to default settings, you may do so by doing the following:
In Floating Cart Manager, click the Customize Appearance tab.
In the Advanced Design Settings section, disable the Use Custom CSS checkbox.
Save or Save & Preview your settings, then Publish your new settings. Your mini-cart and floating cart will revert to default visual display settings.
