Font Awesome CSS

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

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

Open Support Ticket
  • Author
    Posts
  • August 2, 2014 at 3:54 am #10736

    Dmitri
    Free User
    Post count: 42

    Hello,

    I have added couple Font Awesome in Custom Fields and they doesn’t look like GD default Font Awesome icons, they don’t have any space between text and icon (margin).

    For example http://www.informeron.lv/kur-paest/riga/restorani/ribs-rock/ after Facebook I have added Cenas: $$ with Font Awesome Euro.

    Is there any way to set space “margin 3px” between text and any Font Awesome icons for all site.

    Thanks,
    Dmitri

    August 2, 2014 at 4:07 am #10738

    Guust
    Moderator
    Post count: 29970

    Add this to your CSS:
    . geodir-i-radio {margin-right: 3px;}

    In your browser, right-click on the part of the page you want to adjust, and choose Inspect Element, that will give you the opportunity to adjust your css on the live site, once you figured it out, add the relevant CSS to your stylesheet.

    August 2, 2014 at 5:22 pm #10793

    Paolo
    Site Admin
    Post count: 31206

    HI,

    just a little edit to Guust css.

    It should be either:

    

    
.geodir-i-radio {margin-left: 3px;}
    

    or
    

    .fa-eur {margin-right: 3px;}
    

    Let us know,
    

		
	
    


    

			
				

    

	
    

		August 3, 2014 at 4:15 am

		
		#10825

		
		
		
	
    


    


    

	
    

		
		
    Dmitri
    Free User
    
		
		
     Post count: 42
    
	
    

	
    

		
		
    For fa-eur on detail page following css works
    

    span.geodir-i-radio {
    
	margin-left: 3px;
    
}
    

    or 
    

    .geodir-i-radio {
    
	margin-left: 3px;
    
}
    

    For fa-phone on main page  following css works
    

    .fa-phone {margin-right: 3px;}
    

    Thanks,
    
Dmitri
    

		
	
    


    

			
				

    

	
    

		November 29, 2015 at 8:45 am

		
		#61874

		
		
		
	
    


    


    

	
    

		
		
    Silks
    Full Member
    
		
		
     Post count: 305
    
	
    

	
    

		
		
    Can you add multiple font awesome icons to a custom field? 
    

    eg. duplicate the person icon one after the other to represent a room that has a 2 person sleeping capacity?
    

    Thanks
    

		
	
    


    

			
				

    

	
    

		November 29, 2015 at 10:06 am

		
		#61876

		
		
		
	
    


    


    

	
    

		
		
    Guust
    Moderator
    
		
		
     Post count: 29970
    
	
    

	
    

		
		
    Have a look here: https://wpgeodirectory.com/docs/custom-field-examples/
    

    You could apply some css that puts out more than one icon.
    

		
	
    


    

			
		
	
    • 

	
  • 

		
    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