[Support request] Single post page header issues

[Lewis]

Hello,

I’ve been at this all afternoon and I don’t know what else to do.

Trying to change to my single post header.

I created this in Elementor: http://imgur.com/a/ewNBM

I want my single post header to look like that ^

It currently looks like this: https://thefreelanceeffect.com/upwork-fees/

Basically I need all my single posts to have a full-width header with meta stuff (inc author avatar), image background and color overlay.

I’ve looked through ALL the settings I can’t even manage to make it full-width, so I’m stuck at the first hurdle.

Please… help.

Thanks.

[Leo]

Hi there,

That’s inserted using Elementor shortcode?

If so try inserting using the Page Header add-on: https://docs.generatepress.com/article/page-header-overview/

That can also be created easily with GP as well.

You might be interested in the New page header addon: https://vimeo.com/223381628

You can try the beta like this: https://docs.generatepress.com/article/beta-testing/

[Lewis]

Hi Leo,

I created it in Elementor as a concept. To get a feel for how I wanted it to look.

If I insert as a shortcode, how can the title/meta change for each article? You’ve really confused me on that one.

You say “easily”… does that mean the new page header addon can pull in the author avatar? Use background image with overlay? Apply to all posts without going through each on manually? Please confirm.

[Lewis]

I’ve installed the alpha and tried to recreate the page header from the screenshot provided.

Couple issues:

— BG image is stretched (I want it smaller and repeated, but can’t see any settings for it)
— No option to add author avatar (only author name)

It’s a step closer than what I had but still a few major issues here. I guess I must be missing something otherwise you wouldn’t have suggested I go through this :S

UPDATE: I also noticed that when I set container to “contained”, the header is removed completely. Bug?

[Tom]

1. The background images are set to cover by default, as it’s rare people want to repeat them. However I can help with some CSS for this if you can link me to the page.

2. The post title/meta data inherit the link/text color settings.

3. There isn’t an option to grab the avatar, you’d have to build that into a shortcode and add it to the page header. I can help with that if you’d like.

4. Can you link me to the page with a contained inner width which isn’t working?

5. Would also like to see the bug with the page header set to contained – haven’t received any reports of that.

Thanks!

[Lewis]

Thanks Tom!

1) Sure, here’s the page: https://thefreelanceeffect.com/first-job-upwork/ Figured it out 🙂

2) Understood.

3) That would be great, thank you. I already have a plugin called “Shortcoder” if that helps.

4) Sure. Here’s a post using the “inner-container: contained” setting: https://thefreelanceeffect.com/upwork-vs-fiverr

5) Yup. Here’s a post using the “contained: contained” setting: https://thefreelanceeffect.com/upwork-payments/

[Tom]

3. This function will add the shortcode for you:

add_shortcode( 'avatar', 'tu_author_avatar' );
function tu_author_avatar() {
	global $post;
	$author_id = $post->post_author;
	return get_avatar( $author_id, 32 );
}

Then you can use [avatar] in the page header.

4. Can you send me temporary admin login details?: https://generatepress.com/contact/

5. Same above #4.

Thanks!

[Lewis]

Thanks Tom, I sent the email.

The shortcode works! Thanks. One thing, it does appear to be a low quality image being pulled in. Any way to use a slightly larger image?

[Tom]

Adjust the 32 in the function to something higher (it’s 32×32 right now).

The inner container width not working was indeed a bug in the beta version which is fixed in the next version.

The second post you linked to where the page header wasn’t appearing seems to be showing it now?

[Author]

Posts