Home Page Image & Search Bar

This topic contains 7 replies, has 3 voices, and was last updated by  Paolo 7 years, 3 months ago.

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

Open Support Ticket

Tagged: 

  • Author
    Posts
  • January 25, 2017 at 10:57 am #349061

    Alex Cross
    Buyer
    Post count: 7

    Hi,

    Currently as default the home page shows a Google Map with venue locations with the search bar under the map.

    We would like a full width image with the search options shown in the middle of this image.

    I know the home page is divided up into widget areas. Is there a widget that can achieve the result we are after?

    Thank you
    Alex

    January 25, 2017 at 11:36 am #349088

    Kor
    Moderator
    Post count: 16516

    Hi Alex,

    Please share WP temp admin access to your site so we can take a better look. You can post the details here using the private reply option below.

    Thanks!

    January 25, 2017 at 12:18 pm #349107

    Alex Cross
    Buyer
    Post count: 7
    This reply has been marked as private.
    January 25, 2017 at 2:27 pm #349206

    Kor
    Moderator
    Post count: 16516

    Hi Alex,

    Thanks for your reply. I’ve just inspected your Website and I think I know what you needed there. Have you tried inserting a text widget and insert an image manually using HTML? Here’s an example of an HTML code that allows you to display an image http://www.w3schools.com/html/html_images.asp , then you can apply custom CSS to make full width. Or, get an image slider plugin that allows you to display an image using a shortcode. Give it a try and let us know how it goes.

    Thanks!

    January 25, 2017 at 3:59 pm #349309

    Alex Cross
    Buyer
    Post count: 7

    Hi,

    Yes that would be possible, but that would not place the search bar over the image.

    Alex

    January 25, 2017 at 4:26 pm #349377

    Kor
    Moderator
    Post count: 16516

    Hi Alex,

    I think I misunderstood your question earlier. You can try using the custom CSS code below to insert background image behind the search. Insert into GD > Design > Scripts > Custom Style CSS. Let us know how it goes. 

    

    .geodir_full_page .geodir-search {
    height:300px!important;
    background-image: url("http://www.planwallpaper.com/static/images/colorful-triangles-background_yB0qTG6.jpg");
    padding-top: 100px;
    background-size:cover;
}
    

		
	
    


    

			
				

    

	
    

		January 25, 2017 at 5:55 pm

		
		#349431

		
		
		
	
    


    


    

	
    

		
		
    Alex Cross
    Buyer
    
		
		
     Post count: 7
    
	
    

	
    

		
		
    Good stuff! Is there any documentation on how to change the box sizes and locations etc..
    

    Thank you
    
Andy
    

		
	
    


    

			
				

    

	
    

		January 25, 2017 at 6:14 pm

		
		#349443

		
		
		
	
    


    


    

	
    

		
		
    Paolo
    Site Admin
    
		
		
     Post count: 31206
    
	
    

	
    

		
		
    hi,
    

    Being a customization, no there is no documentation for it, however we have a tutorial that will get you started: https://wpgeodirectory.com/docs/customizing-your-style/
    

    Thanks
    

		
	
    


    

			
		
	
    • 

	
  • 

		
    Author
    

		
    

			
				Posts
			
		
    

	
    • 





			



	


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


	


		
	





		
				

			

				

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

					Open Support Ticket