Fontawesome Issue

This topic contains 5 replies, has 2 voices, and was last updated by  algmed 8 years, 4 months ago.

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

Open Support Ticket
  • Author
    Posts
  • December 30, 2015 at 9:29 pm #65983

    algmed
    Buyer
    Post count: 30

    Hi

    I want to use different icons for the sidebar items ie custom fields.
    I’ve added the correct code to the custom field and I made sure I’ve been using the correct code within the css file. However, there is a square box on the left of my icon.
    Any suggestions?
    Nick

    December 30, 2015 at 9:30 pm #65984

    algmed
    Buyer
    Post count: 30
    This reply has been marked as private.
    December 31, 2015 at 12:55 am #65996

    Guust
    Moderator
    Post count: 29970

    Can you post a URL of that page, then we can have a look at the CSS.

    December 31, 2015 at 8:39 am #66020

    algmed
    Buyer
    Post count: 30

    The page is still local but this is the css that I’ve used:

    

    .geodir-company_info i.fa-map-marker {
    content: "f041";
    color: #90c23a;
    font-size: 20px;
}
    

    The content part comes from the plugin so I only added the color and font size. It should be possible to recreate this issue on your demo site?
    

		
	
    


    

			
				

    

	
    

		December 31, 2015 at 8:56 am

		
		#66025

		
		
		
	
    


    


    

	
    

		
		
    Guust
    Moderator
    
		
		
     Post count: 29970
    
	
    

	
    

		
		
    You have to get overwrite the default code. Try this, adjust as necessary: 
    

    .geodir-i-location i.fa {display: none;}
    

		
	
    


    

			
				

    

	
    

		December 31, 2015 at 11:25 am

		
		#66041

		
		
		
	
    


    


    

	
    

		
		
    algmed
    Buyer
    
		
		
     Post count: 30
    
	
    

	
    

		
		
    Well, that took me a while. The issue was the following:
    
I’ve called the icon via the font awesome code (like fa fa-house) and named the css class after the code of the icon (fa-house). So it seems that you don’t have to use the css class at all, you are able to call up the font code anyway.
    
At least this is my explanation for now since it is working – for now.
    
Putting together 166 lines of modified css gave me already headaches. 😉
    
Thanks for your help!
    

		
	
    


    

			
		
	
    • 

	
  • 

		
    Author
    

		
    

			
				Posts
			
		
    

	
    • 





			



	


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


	


		
	





		
				

			

				

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

					Open Support Ticket