[Resolved] Change width and position of a blog title (individual post)

Home Forums Support [Resolved] Change width and position of a blog title (individual post)

Home Forums Support Change width and position of a blog title (individual post)

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #692262
    David

    Good morning Tom!

    I want to customize the individual posts.

    I have managed to change the width of the text (body) without altering the size of the highlighted image. The code used has been this:

    .single .inside-article > *:not(.page-header-image-single)
    {
        max-width: 700px;
        margin-left: auto;
        margin-right: auto;
    }

    What I do not get is to also exclude the title of the post. I want it to be aligned to the left and occupy the same space as the image (that is, 1200px which is the standard on my website)

    What code can I use?

    Another question: is there any option for the title of the post (h1) to appear inside the highlighted image? Something like Volume-Flint Skin (Site library with no page builder)

    Thank you so much πŸ˜‰

    GeneratePress 2.1.4
    GP Premium 1.7.2
    #692371
    David
    Staff
    Customer Support

    Hi there,

    so lets do this – Activate the Elements Module in Appearance GeneratePress.
    Then this article explains how to create a Element Header.

    https://docs.generatepress.com/article/header-element-overview/

    For the content you can add <h1>{{post_title}}</h1> and this will place the title over image.
    You need to set the padding to size the image correctly. And then on the display rules just set the require locations e.g Posts > All Posts.

    #692443
    David

    Perfect! OMG, I love this template πŸ™‚

    Thank you so much!

    #692448
    David
    Staff
    Customer Support

    Glad i could be of help πŸ™‚

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