1. Home
  2. Developers
  3. How to change the cart icon

How to change the cart icon

Note: The following requires web development knowledge. If you are unsure, please contact your web developer to assist.

You can change the Caddy floating icon with your own custom icon font, using a bit of CSS. 

1. Navigate to the styles tab

2. Scroll down to the “Custom CSS” box

3. Insert the following code

Be sure to update the “content” and “font-family” values to match your custom icon font.

.cc-compass .licon::before {
	content: "\XXXX"; /* hexadecimal value of your icon font */
	font-family: 'Library-Name'; /* the font family name */
}

Note: you can customize the saved item’s icon using CSS too.

Updated on March 25, 2021

Was this article helpful?

Related Articles

Leave a Comment