- This topic has 5 replies, 2 voices, and was last updated 8 years, 4 months ago by
.
- Posts
Hi there,
I was wondering if it’s possible to update Font Awesome to the latest version. I need an icon from version 4.4 (Houzz) and the Ultra Theme is currently using 4.3.
Please can you update?Thanks for the great work.
Best wishes,
Rob
Hi Rob
The next version of Ultra will update Font Awesome. Let me work on an update for you now as a hotifix. We should be able to do it with a plugin called Code Snippets. If you don’t have that installed, go to Plugins > Add New and search for Code Snippets. Install and activate.
Hi Andrew,
Many thanks for the quick reply!
I’ve installed code snippets, so it would be great to sort out.FYI, here’s what I added to my child theme style.css
Checkaproffesional (a box tick as a workaround) works fine, but the Houzz, shows a box as it’s not there:.menu a[href*=”checkaprofessional.com”], .menu a[href*=”houzz.co.uk”] {
border-bottom: none;
color: transparent !important;
font-size: 0 !important;
text-align: center;
}
.menu a[href*=”checkaprofessional.com”]:before, .menu a[href*=”houzz.co.uk”]:before {
font-family: “FontAwesome”;
font-size: initial;
}
.menu a[href*=”checkaprofessional.com”]:before {
content: “\f046″;
}
.menu a[href*=”houzz.co.uk”]:before {
content: “\f015″;
}.widget .menu a[href*=”checkaprofessional.com”]:hover, .widget .menu a[href*=”houzz.co.uk”]:hover {
border-bottom: none;
}
.widget .menu a[href*=”checkaprofessional.com”]:before, .widget .menu a[href*=”houzz.co.uk”]:before {
color: #5a5d60;
}
.widget .menu a[href*=”checkaprofessional.com”]:hover:before, .widget .menu a[href*=”houzz.co.uk”]:hover:before {
color: #0896fe;
}Many thanks.
Rob
Thanks Rob. Go to Snippets > Add New, name it as you’d like and insert the following in the snippet body: http://pastebin.com/m4TTVyYR. Be sure to enable the radio button that only runs the function on the site front end. Then click the Save and Activate button.
You must be logged in to reply to this topic.