Adding image to replace "Home" title

This topic contains 6 replies, has 2 voices, and was last updated by  Guust 7 years, 5 months ago.

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

Open Support Ticket

Tagged: 

  • Author
    Posts
  • November 10, 2017 at 8:35 pm #404899

    Preeit
    Free User
    Post count: 56

    Hi. Just trying to find out if I can replace the “Home” title on my Front Page and replace it with an image?

    November 10, 2017 at 11:25 pm #404904

    Guust
    Moderator
    Post count: 29970

    It all depends what theme you are using.
    You can change “Home” by changing the title of the page.
    For anything else, we would need to see the site.

    Thanks

    November 11, 2017 at 9:08 am #404917

    Preeit
    Free User
    Post count: 56
    This reply has been marked as private.
    November 11, 2017 at 11:42 am #404924

    Preeit
    Free User
    Post count: 56

    Guust

    I have attached an image of what I am trying to accomplish. I was hoping that you might have some sort of CSS that would allow me to replace the “Home” text is above the search bar with my logo.

    Additionally, how do I extend the width of the search-bar to span about 80% – 90% of the page when viewed on any device?

    Lastly, for now ;), how do I get the search-bar to change to 3 separate blocks when viewed on a mobile device?

    Please see the image “gd_mobile_searchbar”

    November 11, 2017 at 12:14 pm #404928

    Guust
    Moderator
    Post count: 29970

    Try this CSS, adjust as required:

    

    .home .featured-area h1.entry-title {
color: transparent;
background-image: url(https://ayecode.b-cdn.net/support/wp-content/uploads/2017/02/gd_logo.png);
background-repeat: no-repeat;
margin: auto;
width: 236px;
}
    

    

    .header-wrap {
width: 90%;
}
    

    To adjust the CSS, refer to https://wpgeodirectory.com/docs/customizing-your-style/
    

    Thanks
    

		
	
    


    

			
				

    

	
    

		November 11, 2017 at 8:39 pm

		
		#404947

		
		
		
	
    


    


    

	
    

		
		
    Preeit
    Free User
    
		
		
     Post count: 56
    
	
    

	
    

		
		This reply has been marked as private.
		
	
    


    

			
				

    

	
    

		November 12, 2017 at 12:35 am

		
		#404964

		
		
		
	
    


    


    

	
    

		
		
    Guust
    Moderator
    
		
		
     Post count: 29970
    
	
    

	
    

		
		
    For devices you have to add CSS like this:
    

    

    @media all and (max-width: 668px) {
.header-wrap {width: 100%}
}
    

    To adjust the CSS, refer to https://wpgeodirectory.com/docs/customizing-your-style/ or hire someone to help you finish it.
    

    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
				

			

		

		
	
	


			

			


		
	


		

	

	


















	
	
			
			
			
			
                        
            
            
                
                

                    

                        20% Discount Offer
                        
                        
                    

                    

                        Hurry! Get your 20% discount before it expires.
                        Get 20% Discount