After Update: compass and search symbol not showing correctly

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

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

Open Support Ticket

Tagged: , , ,

  • Author
    Posts
  • November 16, 2018 at 11:14 am #454578

    Birgit Wilde
    Full 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

    November 16, 2018 at 6:05 pm #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.

    November 17, 2018 at 11:23 am #454770

    Birgit Wilde
    Full Member
    Post count: 236
    This reply has been marked as private.
    November 17, 2018 at 2:50 pm #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

    November 24, 2018 at 4:19 pm #455768

    Birgit Wilde
    Full 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

    November 24, 2018 at 7:29 pm #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;
}
    

		
	
    


    

			
				

    

	
    

		December 2, 2018 at 1:40 pm

		
		#456794

		
		
		
	
    


    


    

	
    

		
		
    Birgit Wilde
    Full Member
    
		
		
     Post count: 236
    
	
    

	
    

		
		
    perfect! many thanks 🙂
    

		
	
    


    

			
		
	
    • 

	
  • 

		
    Author
    

		
    

			
				Posts
			
		
    

	
    • 





			



	


		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