Celebrating 7 Years! Get up to $30 off GeneratePress Premium!

[Resolved] Page header text

Home Forums Support [Resolved] Page header text

Home Forums Support Page header text

  • This topic has 15 replies, 2 voices, and was last updated 3 years ago by Leo.
Viewing 15 posts - 1 through 15 (of 16 total)
  • Author
    Posts
  • #468329
    Faye

    Apologies if I have missed this, but is there any way to position the content in the page header so it is not vertically centred?

    I would like it to be in the top third, but cannot seem to work out how to do this with any of the options or with css.

    Many thanks for your help.

    GeneratePress 2.0.1
    GP Premium 1.5.6
    #468512
    Leo
    Staff
    Customer Support

    Hi there,

    Can you disable Vertical center content option and link me to the site?

    You can edit the original topic and add in the URL.

    Thanks!

    #479478
    Faye

    Hi there,

    Vertical center content is only available if you have full screen selected for the page header, which we are not using. The default text position on page headers is center, is that correct?

    It’s a live site, so I don’t have anything much for you to look at (we went with no text in the interim!).

    #479666
    Leo
    Staff
    Customer Support

    The default should be at the top left corner.

    We can position the text with some CSS though.

    .page-header-content-container {
        text-align: center;
        padding-top: 50px;
    }
    #554477
    Faye

    I think I know what’s happening here. I have an image set as the background on the page header.

    My text is only one line, so the image doesn’t appear in full. I add padding to the field “Top & Bottom Padding”, to show the image, but in doing that, the text then sits in the vertical centre rather than the top left.

    If I wanted top left I would have to add the padding all at the bottom, but there is no way to do this.

    So the default is not top left, it’s centre, is that right?

    So my original question still stands – is there any way to move the text content in a page header to the top or bottom, rather than having it appear in the middle?

    Thanks πŸ™‚

    #554927
    Leo
    Staff
    Customer Support

    Any chance you can duplicate the problem on a live server so I can see?

    Hard to visually this type of problem and provide a solution.

    Thanks!

    #555482
    Faye

    Can I PM you details somehow? Thanks πŸ™‚

    #555809
    Leo
    Staff
    Customer Support

    You can edit the original topic and use the private URL field if you’d like.

    Or send it through Account Issue and reference the topic URL:
    https://generatepress.com/contact/

    #557879
    Faye

    I’ve edited the OP. I’ve added a single word (it’s the site name, in white) and you can see it sitting in the vertical centre of the page header on the home page.
    Anything I add to page header content is vertical centred, but ideally I’d like to be able to shift it up to top or bottom. The default is vertical centre.
    Thanks for your help!

    #558138
    Leo
    Staff
    Customer Support
    #558912
    Faye

    Oh! I don’t have that setting! (see screenshot).
    Just checked and page header is enabled in add-ons.

    vertical centre settings

    #559168
    Leo
    Staff
    Customer Support

    Ahh ok.

    You can try setting the top and bottom padding different with CSS:

    .page-header-content-container {
        padding-top: 200px;
        padding-bottom: 400px;
    }

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

    Play around with the numbers πŸ™‚

    #559881
    Faye

    Ok, thanks for that, I’ll have a look.

    How come I don’t have the setting for vertical align though?

    #560148
    Leo
    Staff
    Customer Support
    #560778
    Faye

    Brilliant. Thank you so much. Closing off – I love it when all the loose ends are tied up πŸ™‚

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