featured image

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

Open Support Ticket

Tagged: featured image

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