After Update: compass and search symbol not showing correctly

This topic contains 6 replies, has 3 voices, and was last updated by  Birgit Wilde 6 years ago.

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

Open Support Ticket
  • Author
    Posts
  • #454578

    Birgit Wilde
    Expired Member
    Post count: 236

    Hi there,
    I have just loaded the update of the core plugin and now the search bar does not show correctly any more (see attachment):

    1. The search symbol does not show at all anymore

    2. The compass symbol now is lightly lifted up and has the original orange/blue color despite my individual CSS-code for a new colour which until now has worked fine.

    .near-compass i.fa.fa-compass {
    color:#a5afa8 !important;
    }

    .near-compass i.fa.fa-compass:hover {
    color:#d3287d !important;
    }

    How can I fix this?
    Looking forward to your support!
    Birgit

    #454645

    Alex Rollin
    Moderator
    Post count: 27815

    Hello!

    If you haven’t already please update to 1.6.3.5 and let us know if the error persists.

    If it does please make a private reply with the page where we can see the issue.

    #454770

    Birgit Wilde
    Expired Member
    Post count: 236
    This reply has been marked as private.
    #454797

    Alex Rollin
    Moderator
    Post count: 27815

    GD now uses Fonawesome JS SVG and custom CSS will need to be updated.

    See examples here: https://wpgeodirectory.com/docs-v2/faq/common-examples/#fa-icons

    #455768

    Birgit Wilde
    Expired Member
    Post count: 236

    Hi Alex,
    thank you. I was able to change the colour now, but with this new font the compass symbol is not properly centralized. The compass is location a little bit too high. How can I fix that?
    Regards
    Birgit

    #455787

    Kor
    Moderator
    Post count: 16516

    Hi Birgit,

    Thanks for your reply. Let’s use some custom CSS code to adjust it. Insert into GD > Design > Scripts > Custom Style CSS .

    
    
    svg.svg-inline--fa.fa-compass.fa-w-16 {
        margin-top: 3px!important;
    }
    #456794

    Birgit Wilde
    Expired Member
    Post count: 236

    perfect! many thanks 🙂

Viewing 7 posts - 1 through 7 (of 7 total)

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

Open Support Ticket
20% Discount Offer
Hurry! Get your 20% discount before it expires. Get 20% Discount