Compass Colour has changed again

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket

Tagged: colour, compass, css, switch

Author

Posts
January 12, 2019 at 5:31 pm #462934

Birgit Wilde
Expired Member

Post count: 236

Hello,
some time ago I enterd the following css code to change the colour of the compass symbol and it worked fine..

.svg-inline–fa.fa-compass.fa-w-16 {
color:#a5afa8 !important;
}

.svg-inline–fa.fa-compass.fa-w-16:hover {
color:#d3287d !important;
}

Now the compass is blue again, even though the code is still there and active.

1. Why did this happen
2. How can I change the colour of the compass (normal and hover)
2. How can I make sure the colour won’t switch again to blue?

Used Theme: surpreme directory

Many thanks in advance for your support!
Birgit

January 12, 2019 at 6:05 pm #462942

Kor
Moderator

Post count: 16516

Hi Birgit,

Please share the URL of the site in question so we can take a better look at it and also WP temp admin access to your site. You can post the details here using the private reply option below.

January 12, 2019 at 8:00 pm #462958

Birgit Wilde
Expired Member

Post count: 236

This reply has been marked as private.

January 13, 2019 at 4:53 am #462989
Alex Rollin
Moderator

Post count: 27815
The last several versions of GD and Supreme/DS have seen changes to the way Font Awesome works.

It is possible to change FA back to SVG, but currently it is set to use CSS on yoru site, and the CSS would look like:
```
i.fa.fa-compass {
    color: pink;
}
```
Check this for more information about FA settings:
https://wpgeodirectory.com/docs-v2/integrations/font-awesome/
January 13, 2019 at 11:58 am #463007

Birgit Wilde
Expired Member

Post count: 236

Hi Alex,

many thanks for the quick response. Actually my css for the compass used to look like you recommend before until for some reason it did not work anymore. Then support recommended to take the css code which I am using right now. Now this does not work properly anymore and now I must take the previous code again.

Is there a way that I can just go with one code I can rely on?

January 13, 2019 at 12:27 pm #463008

Alex Rollin
Moderator

Post count: 27815

Everything changes, in time. What you describe are the changes to FA. Review the settings doc. The settings are working now, and you can change them as you like. Your current CSS code is for the JS version. What you had before ia the CSS version. We implemented JS because it is the wave of the future but not all plugins are as future oriented as we are.

January 14, 2019 at 12:52 pm #463161

Birgit Wilde
Expired Member

Post count: 236

Ah, okay. Well, the compass is pink again and future orientatio is not so bad 🙂
Author

Posts