featured image

This topic contains 17 replies, has 3 voices, and was last updated by  Leigh 5 years, 10 months ago.

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

Open Support Ticket

Tagged: 

  • Author
    Posts
  • June 29, 2018 at 7:33 am #436554

    Leigh
    Expired Member
    Post count: 105

    Hello, I need to know how to set my pages and listings to have featured image sitting behind logo?
    Currently my home page image (blue space) sits nicely behind logo – but on a new page, featured image is lower than logo. How can I eliminate this white space on volunteer page?
    https://www.social-impact.com.au/social-impact-volunteer/

    June 29, 2018 at 8:01 am #436565

    Alex Rollin
    Moderator
    Post count: 27815

    The Supreme theme is designed to use a smaller logo.

    We recommend you create a logo that fits into the header area.

    The whitespace is the consequence of the logo not fitting into the header area.

    https://wpgeodirectory.com/docs/supreme-directory-overview/

    June 29, 2018 at 9:20 am #436569

    Leigh
    Expired Member
    Post count: 105

    Thanks heaps Alex… but it works nicely on the home page?

    June 29, 2018 at 9:53 am #436576

    Leigh
    Expired Member
    Post count: 105

    is there a bit of sneaky code or GD tweak that makes it work on home page but isn’t there on new pages?

    June 29, 2018 at 2:13 pm #436605

    Alex Rollin
    Moderator
    Post count: 27815

    You might be able to achieve something with custom CSS.

    You can find some examples here: https://wpgeodirectory.com/docs/common-styling-examples/

    If you want to create your own here is a guide we made about it: https://wpgeodirectory.com/docs/customizing-your-style/

    Generally speaking, though, the featured image can be set on the home page as the featured image, then each listing page uses the first listing image as the featured image. Other pages also use the featured image. You can try to use the same size image or larger, or go for customization with custom CSS to adjust the image size (or the featured image window size).

    June 30, 2018 at 9:03 am #436714

    Leigh
    Expired Member
    Post count: 105

    Is there any code I can put in the ‘Additional CSS’ section (shown in screenshot attached) – without having to go into any major changes…
    I’m still wondering why it works ok on home page but on subsequent new pages I get white space?
    Is there code in home page which forces the featured image behind logo?

    July 2, 2018 at 2:07 pm #436933

    Kor
    Moderator
    Post count: 16516

    Hi Leigh,

    Could you please share WP admin access in private reply? I’d like to check your backend settings.

    Thanks!

    July 3, 2018 at 5:16 am #436988

    Leigh
    Expired Member
    Post count: 105
    This reply has been marked as private.
    July 3, 2018 at 6:30 am #436997

    Kor
    Moderator
    Post count: 16516

    Hi Leigh,

    I’ve just inserted the custom CSS code below into GD > Design > Scripts > Custom Style CSS. Could you please check and see if it’s what you’re looking for?

    

    .site-logo img {
    position:absolute!important;
    z-index:99999!important;
    width:15%!important;
}
    

		
	
    


    

			
				

    

	
    

		July 3, 2018 at 7:59 am

		
		#437008

		
		
		
	
    


    


    

	
    

		
		
    Leigh
    Expired Member
    
		
		
     Post count: 105
    
	
    

	
    

		
		This reply has been marked as private.
		
	
    


    

			
				

    

	
    

		July 3, 2018 at 10:09 am

		
		#437022

		
		
		
	
    


    


    

	
    

		
		
    Kor
    Moderator
    
		
		
     Post count: 16516
    
	
    

	
    

		
		This reply has been marked as private.
		
	
    


    

			
				

    

	
    

		July 9, 2018 at 12:24 pm

		
		#437549

		
		
		
	
    


    


    

	
    

		
		
    Leigh
    Expired Member
    
		
		
     Post count: 105
    
	
    

	
    

		
		
    Hi Kor,
    
I’ve used your code to have logo overlay image on listings which is awesome.
    
My question is can I omit from other pages like this… see screenshot where a page has a list of listings…
    
Can I have best of both x
    

		
	
    


    

			
				

    

	
    

		July 9, 2018 at 12:25 pm

		
		#437552

		
		
		
	
    


    


    

	
    

		
		
    Leigh
    Expired Member
    
		
		
     Post count: 105
    
	
    

	
    

		
		This reply has been marked as private.
		
	
    


    

			
				

    

	
    

		July 9, 2018 at 2:12 pm

		
		#437572

		
		
		
	
    


    


    

	
    

		
		
    Kor
    Moderator
    
		
		
     Post count: 16516
    
	
    

	
    

		
		
    Hi Leigh, 
    

    Thanks for your reply. Could you apply the custom CSS code below to your Website and see if it’s what you’re looking for?
    

    

    .post-type-archive .site-logo img, 
.error404 .site-logo img {
    position: relative!important;

}
    

    Thanks!
    

		
	
    


    

			
				

    

	
    

		July 10, 2018 at 12:35 am

		
		#437648

		
		
		
	
    


    


    

	
    

		
		
    Leigh
    Expired Member
    
		
		
     Post count: 105
    
	
    

	
    

		
		This reply has been marked as private.
		
	
    


    

			
		
	
    • 

	
  • 

		
    Author
    

		
    

			
				Posts
			
		
    

	
    • 





			



	


		Viewing 15 posts - 1 through 15 (of 18 total)
	


	


		

	

	





		
				

			

				

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

					Open Support Ticket