Search Box customization?

This topic contains 8 replies, has 2 voices, and was last updated by  James Barker 7 years ago.

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

Open Support Ticket

Tagged: 

  • Author
    Posts
  • November 6, 2017 at 3:38 pm #404326

    James Barker
    Full Member
    Post count: 91

    Hi, I’ve embedded the search feature for the directory into a fixed background image however, I’m wondering if there are any CSS codes to remove the lines and areas directly around the boxes themselves (or change opacity so it’s just the background visible.) I’ve attached a photo below.

    Thanks,

    Jim

    November 6, 2017 at 4:03 pm #404332

    Kor
    Moderator
    Post count: 16516

    Hi James,

    If you can share the URL of the site, we can probably provide a CSS to override that

    Thanks!

    November 6, 2017 at 4:09 pm #404335

    James Barker
    Full Member
    Post count: 91

    Hi Kor,

    It’s currently on the developer’s production server at http://www.appnetprojects.com/wassupin/. Do you need any admin log-in credentials or just the url? That particular page is a cloned, test page here http://www.appnetprojects.com/wassupin/?page_id=417&preview=true. I’ve just been playing around with the layout for look and feel. Thanks!

    November 6, 2017 at 4:14 pm #404336

    Kor
    Moderator
    Post count: 16516

    Hi James,

    Thanks for your prompt reply. Yes, I would need a WP admin credentials to check that out. You can post the details here using the private reply option below.

    Thanks!

    November 6, 2017 at 4:17 pm #404337

    James Barker
    Full Member
    Post count: 91
    This reply has been marked as private.
    November 6, 2017 at 4:22 pm #404338

    Kor
    Moderator
    Post count: 16516

    Hi James,

    Insert the custom CSS code below into GD > Design > Scripts > Custom Style CSS to remove it. 

    

    .geodir-loc-bar {
    border-top: 0px !important;
    border-bottom: 0px !important;
}
    

		
	
    


    

			
				

    

	
    

		November 6, 2017 at 4:38 pm

		
		#404340

		
		
		
	
    


    


    

	
    

		
		
    James Barker
    Full Member
    
		
		
     Post count: 91
    
	
    

	
    

		
		
    Thanks, that got ride of the thin lines but is it possible to change the grey area bordering around the boxes themselves essentially giving it the appearance of three floating boxes and a button?  
    

		
	
    


    

			
				

    

	
    

		November 6, 2017 at 4:42 pm

		
		#404342

		
		
		
	
    


    


    

	
    

		
		
    Kor
    Moderator
    
		
		
     Post count: 16516
    
	
    

	
    

		
		
    Hi James, 
    

    Here you go. You can learn more about CSS customization here https://wpgeodirectory.com/docs/customizing-your-style/
    

    

    .geodir-loc-bar-in {
    background: transparent!important;
    border: 0px!important;
}
    

		
	
    


    

			
				

    

	
    

		November 6, 2017 at 4:49 pm

		
		#404347

		
		
		
	
    


    


    

	
    

		
		
    James Barker
    Full Member
    
		
		
     Post count: 91
    
	
    

	
    

		
		
    Thanks, works perfect.  And thanks for the link! 
    

		
	
    


    

			
		
	
    • 

	
  • 

		
    Author
    

		
    

			
				Posts
			
		
    

	
    • 





			



	


		Viewing 9 posts - 1 through 9 (of 9 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