[Support request] Single post page header issues

Home Forums Support Single post page header issues

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #350035
    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.

    GP Premium 1.3.1
    #350196
    Leo
    Staff
    Customer Support

    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/

    #350389
    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.

    #350393
    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?

    #350454
    Tom
    Lead Developer
    Lead Developer

    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!

    #350483
    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/

    #350710
    Tom
    Lead Developer
    Lead Developer

    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!

    #352001
    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?

    #352061
    Tom
    Lead Developer
    Lead Developer

    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?

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.