search form image

This topic contains 11 replies, has 2 voices, and was last updated by  Vitor Pereira 6 years, 10 months ago.

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

Open Support Ticket
  • Author
    Posts
  • June 20, 2017 at 3:45 pm #384064

    Vitor Pereira
    Expired Member
    Post count: 40

    Hello

    Can someone advise how my I add a background image under the search section?

    View post on imgur.com

    I mean on the red place around the search form.

    Thank you

    June 20, 2017 at 4:27 pm #384078

    Kor
    Moderator
    Post count: 16516

    Hi Vitor,

    Can you share your Website URL? I’ll try to provide custom CSS to achieve that.

    Thanks!

    June 20, 2017 at 5:56 pm #384087

    Vitor Pereira
    Expired Member
    Post count: 40
    This reply has been marked as private.
    June 21, 2017 at 5:22 am #384139

    Kor
    Moderator
    Post count: 16516
    This reply has been marked as private.
    June 21, 2017 at 6:05 am #384141

    Vitor Pereira
    Expired Member
    Post count: 40

    Hello Kor

    Yes, thats the right page.

    Thank you

    June 21, 2017 at 7:50 am #384148

    Kor
    Moderator
    Post count: 16516

    Hi Vitor,

    Here is what you can do to apply background image in the search container. Please host the image in your own server. Insert the code below into Gd > Design > Scripts > Custom Style CSS

    

    body .geodir-listing-search.gd-search-bar-style .geodir-loc-bar {
    background-image: url("https://www.planwallpaper.com/static/images/Light-Wood-Background-Wallpaper.jpg");
}
    

		
	
    


    

			
				

    

	
    

		June 21, 2017 at 12:42 pm

		
		#384174

		
		
		
	
    


    


    

	
    

		
		
    Vitor Pereira
    Expired Member
    
		
		
     Post count: 40
    
	
    

	
    

		
		This reply has been marked as private.
		
	
    


    

			
				

    

	
    

		June 21, 2017 at 4:15 pm

		
		#384236

		
		
		
	
    


    


    

	
    

		
		
    Kor
    Moderator
    
		
		
     Post count: 16516
    
	
    

	
    

		
		
    Hi Vitor, 
    

    Just corrected the custom CSS code for you and it seems to work now. 
    

    Thanks!
    

		
	
    


    

			
				

    

	
    

		June 21, 2017 at 5:02 pm

		
		#384241

		
		
		
	
    


    


    

	
    

		
		
    Vitor Pereira
    Expired Member
    
		
		
     Post count: 40
    
	
    

	
    

		
		
    Hello Kor
    

    That part I do know how to add the CSS background image, what I need its a image to fill all the red area. I think its here <div class=”geodir_full_page clearfix”> but I dunno how to add the image there.
    

    Sorry for the misunderstanding and trouble.
    

    Thank you
    

		
	
    


    

			
				

    

	
    

		June 21, 2017 at 10:29 pm

		
		#384272

		
		
		
	
    


    


    

	
    

		
		
    Vitor Pereira
    Expired Member
    
		
		
     Post count: 40
    
	
    

	
    

		
		
    Hello Kor
    

    I got the image high how I need, still cant make the image width full size.
    

    Also maybe you know how do I center the search form in middle of the image?
    

    Thank you
    

		
	
    


    

			
				

    

	
    

		June 22, 2017 at 2:36 pm

		
		#384349

		
		
		
	
    


    


    

	
    

		
		
    Kor
    Moderator
    
		
		
     Post count: 16516
    
	
    

	
    

		
		
    Hi Vitor, 
    

    Could you please try using the custom CSS code below and see if it’s what you’re looking for? 
    

    

    section#geodir_advance_search-1 {
    width: 100%!important;
    
}
 .geodir-loc-bar {
    padding-top:100px!important;
}
    

		
	
    


    

			
				

    

	
    

		June 22, 2017 at 4:32 pm

		
		#384356

		
		
		
	
    


    


    

	
    

		
		
    Vitor Pereira
    Expired Member
    
		
		
     Post count: 40
    
	
    

	
    

		
		
    Hello Kor
    

    WoWWW  thats exactly what I need.
    

    Thank you so much.
    

		
	
    


    

			
		
	
    • 

	
  • 

		
    Author
    

		
    

			
				Posts
			
		
    

	
    • 





			



	


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


	


		
	





		
				

			

				

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

					Open Support Ticket