The Foxy forums are on the move!

We're in the process of moving our forums over to a new system, and so these forums are now read-only.
If you have a question about your store in the meantime, please don't hesitate to reach out to us via email.

Change color of SVG icons. How?

I want to change the colors of several of the SVG icons. I've tried multiple classes w/any luck.

I want to change the double arrow icon on the continue shopping icon to another color. I also want to change the color of the arrow icons next to the "keep shopping" and "proceed to checkout".

Can anyone help me with this code?

  • fc_adamfc_adam FoxyCart Team

    Thanks for posting - sorry for the confusion with getting the SVG icons styled. They do need to be targeted a little differently than normal - I've just added some information to our wiki to help clarify how to approach it. You can see that new information here:

    The following are the three icons you'll want to style:
    #fc .fa-angle-double-left {
    fill: #666;
    #fc .fa-caret-left {
    fill: #FFF;
    #fc .fa-caret-right {
    fill: #888;
  • nice
Sign In or Register to comment.