Near Me link

This topic contains 6 replies, has 2 voices, and was last updated by  Kor 8 years ago.

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

Open Support Ticket
  • Author
    Posts
  • April 28, 2016 at 10:06 am #180856

    Joy
    Buyer
    Post count: 1076

    Hey guys, how would I use the “Near Me” as a text link? Please help. Thank you!

    April 28, 2016 at 10:31 am #180944

    Kor
    Moderator
    Post count: 16516

    Hi Joy,

    Sorry, I’m not getting this. Could you tell us a little bit more about what you’re trying to achieve there? Also, it would be better if you could share a screenshot.

    Thanks!

    April 28, 2016 at 10:35 am #180945

    Joy
    Buyer
    Post count: 1076

    Thanks for the quick response!

    Currently the Near Me button is generated from a widget. How do I use that function(Near Me link/button) as a link with a button/link I create myself instead of using the Near Me widget. Is that confusing?

    Basically I’m not happy with the Near Me widget button styling. But if I change it with CSS it affects all buttons on my site that calls the same styling – which isn’t what a want. Or is there is a way I can change the CSS styling for the Near Me button only?

    April 28, 2016 at 10:53 am #180976

    Kor
    Moderator
    Post count: 16516

    Hi Joy,

    Creating a custom button/text link to replace the widget “Near Me” button isn’t something that’s currently possible to achieve.

    To style the Near Me widget button, refer to the custom CSS below. Give it a try and let us know it goes.

    

    .geodir_near_me_button button{
    color: #fff; /* Font Color */
    font-size: 20px; /* Font Size */
    background-color: #000; /* Background Color */
    padding: 0 30px; /* Button Padding */
    border-radius:6px; /* Border Radius */
}
    

		
	
    


    

			
				

    

	
    

		April 28, 2016 at 7:47 pm

		
		#181318

		
		
		
	
    


    


    

	
    

		
		
    Joy
    Buyer
    
		
		
     Post count: 1076
    
	
    

	
    

		
		
    Thank you so much! That almost did the trick.
    

    How do I get the button to look flat? This is what I’m using but it still has a raised look to it:
    

    

    .geodir_near_me_button button{
    color: #fff;
    font-size: 14px;
    background-color: #f4524d;
    border-color: #f4524d;
    padding: 14px 20px;
    border-radius:5px;
    width: 100%;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 0px, rgba(255, 255, 255, 0.01) 100%);
    background-repeat: repeat-x;
}
    

		
	
    


    

			
				

    

	
    

		April 28, 2016 at 8:02 pm

		
		#181349

		
		
		
	
    


    


    

	
    

		
		
    Joy
    Buyer
    
		
		
     Post count: 1076
    
	
    

	
    

		
		
    Nevermind, now my button appears flat…not sure what I did/didn’t do. Thanks for your help!
    

		
	
    


    

			
				

    

	
    

		April 29, 2016 at 1:00 am

		
		#181483

		
		
		
	
    


    


    

	
    

		
		
    Kor
    Moderator
    
		
		
     Post count: 16516
    
	
    

	
    

		
		
    Hi Joy Moleta, 
    

    Glad that worked for you. Let us know if you need anything further. 
    

    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