Page Hero’s Featured Image not showing in any page

[Downtown Spanish]

Hi,

The page hero’s featured image will only show up in the ‘Post’ option when asked where to display it, it doesn’t show up when I chose a page and select that specific page name under Display Rules and Location.

Does anyone know why?

[Leo]

Hi there,

Any chance you can link us to the site in question?

You can edit the original topic and use the private URL field.

Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Downtown Spanish]

https://downtownspanish.com/test/

There should be a Featured Image showing as a page hero in the test page but nothing shows up

[Leo]

I don’t see the code for a page hero on that page at all.

What is the display rule of that page hero?

What content did you add in there?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Downtown Spanish]

I added an Element Type “Header” in Location Page “Test”

I only added a Featured image:

https://i.ibb.co/wLb53J9/Screen-Shot-2020-07-11-at-5-06-40-PM.png
https://ibb.co/n0VxZ3H

https://i.ibb.co/zngW9Tr/Screen-Shot-2020-07-11-at-5-07-00-PM.png
https://ibb.co/TvGDjxk

[Leo]

Do you not want to add any content in the page hero on top of the featured image?

If so there is a better way to do it.

Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Downtown Spanish]

Dear Leo,

I just want to recreate the same Page Hero from the Blog page but with a different picture.

Exactly like this one but with a different image:
https://downtownspanish.com/blog/

[Leo]

That case you need to add some content in the page hero content box.

See step 1 here:
https://docs.generatepress.com/article/how-to-create-a-page-hero/#step-1-add-the-content

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Downtown Spanish]

Yes Leo, it worked but the problem with doing that is that the image does not keep it’s size on the Tablet or Mobile versions.

I want it to look like this: (Which is a page hero with location in Blog )
https://i.ibb.co/xqp89gH/Screen-Shot-2020-07-11-at-5-23-39-PM.png

Instead of this: (Which is a page hero with location in a specific page)
https://i.ibb.co/QHxqRCf/Screen-Shot-2020-07-11-at-5-24-20-PM.png

[Leo]

I still don’t see a page hero on this page:
https://downtownspanish.com/test/

Can you confirm?

I need to compare the two Blog and Test page to see the difference.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Downtown Spanish]

The page hero is there now.

You can compare them.

[Leo]

The two page heros have very different padding settings:
https://docs.generatepress.com/article/header-element-overview/#padding

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Downtown Spanish]

Yes because only with that padding they match in size when seen in the desktop view.

Otherwise the page hero on the Test page would look huge.

How can I have the page hero look like the one in the Blog since giving it the same padding does not make it behave the same way? Why does it not behave the same way when both are using a page hero and same padding?

[Leo]

If you are using the exact same paddings then they should be exactly the same.

Make sure the padding values are using the same unit. One is px and the other is % from what I can see.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Downtown Spanish]

Ahh!

That was it! I finally got it working! Yes you were right. It was the PX, I had them in %…

Thank you so much Leo, you really are a GeneratePress master.

Thank you again bud!

🙂

[Author]

Posts