Service Icons (fontawesome) not showing

Thanks for your quick reply.

How can I add my own icons?

Thanks

Hi:

I tried adding this to my custom CSS, and nothing happens:

.fa-globe:before{
content: ” !important; /* Remove default icon */
display: block !important;
width: 32px !important;
height: 32px !important;
background-image: url(‘https://www.clickandgocity.com/wp-content/uploads/2016/09/download-app-icon.png’) !important;
background-size: contain !important;
background-position: center center !important;
margin-top: 17px !important;
}

Hello Mayte,

car-alt icon appeared in Font Awesome 5.2.0, but Sydney theme includes Font Awesome 4.7.0. That’s why you can’t use it yet, unfortunately. Font Awesome 5 is a big update, so its update in Sydney might take some time.

You can set your own icon as service featured image for now, that should do the trick.

Kind Regards, Roman.

Hi:

I tried setting my own icons

Hi:

I tried adding this to my custom CSS, and nothing happens.

1) First I added “fa-globe” in to the service icon field
2) Upload my icon image to https://www.clickandgocity.com/wp-content/uploads/2016/09/download-app-icon.png
3) Update simply CSS:
.fa-globe:before{
content: ” !important; /* Remove default icon */
display: block !important;
width: 32px !important;
height: 32px !important;
background-image: url(‘https://www.clickandgocity.com/wp-content/uploads/2016/09/download-app-icon.png’) !important;
background-size: contain !important;
background-position: center center !important;
margin-top: 17px !important;
}

Thanks!

Hi:

I found that it works only if I update directly in to main Sydney CSS file Appearence->Editor; where if I update Apperance->Custom CSS it does not!

Is there a setting I am missing that activates Custom CSS?

Thanks!

Mayte

Hello Mayte,

I’m not sure why that code doesn’t work in Custom CSS section, unfortunately. It seems to require close inspection.

Did you try to set your own icons as service featured images? It looks like one of the easiest solutions to me.

Kind Regards, Roman.