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?

Thanks!
Comments
  • fc_adamfc_adam FoxyCart Team
    @Bghead8che,

    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: https://wiki.foxycart.com/v/2.0/templates#customising_the_svg_icons

    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;
    }
Sign In or Register to comment.