Using new light Font Awesome v5 icons in Rev Slider

[rickyabache]

Hi I had used the following code to override my right and left navigation arrows in my Rev Slider…

/* change arrows in rev slider to use font awesome icons */

.tp-leftarrow:before {
content: “\f177” !important;
}
.tp-rightarrow:before {
content: “\f178” !important;
}

.tparrows:before {
font-family: fontawesome !important;
}

.tp-leftarrow.default, .tp-rightarrow.default {
background-color: rgba(0,0,0,0) !important;
}
.tp-leftarrow.default:before, .tp-rightarrow.default:before { color: #fbfbfb !important ;
}

I want to utilise the new light icons we now have with latest pro and font awesome v5, but can’t work out how to select these in the above as same unicode for various weights. Can you help?

[christian]

Hey @rickyabache,

The light versions has the follow declarations.

font-family: "FontAwesomeLight";
font-weight: 300;

You need to update your custom code accordingly with that. Make sure you’re using the correct unicode also. You can get the unicode in the icon’s page like https://fontawesome.com/icons/angle-right?style=solid

That should work when followed correctly.

Please just note that troubleshooting issues with custom CSS is outside the scope of our support. If that does not work for you, you will need to consult with a third party developer.

Hope that helps and thank you for understanding.

[rickyabache]

Thank you Christian - just what I needed and worked fine.

[basanta]

Glad to know!

Thanks