Celebrating 5 Years! Get 25% off GP Premium with the discount code: CELEBRATING5

[Support request] Single post header merged – width for headline like content

Home Forums Support Single post header merged – width for headline like content

This topic contains 1 reply, has 2 voices, and was last updated by  David 4 months, 4 weeks ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #762303

    Rolf

    Hi, I am using an element to control my single post header >
    example post: https://freshvanroot.com/blog/2018/17yr-old-niece-uses-smartphone-hannas-perspective/

    How can I get the greenish headline element to have the exact same width as the content below:
    screenshot: http://take.ms/A0ezL

    I know i can change the container setting, but then again the featured image is not full width: http://take.ms/Db10z

    these is the code added: http://take.ms/S9DnA

    I am looking for a solution that works both desktop / mobile.
    Goal is that headline element stays over the featured image, but has the same width as the content container below, if possible.
    thanks!

    GeneratePress 2.2.1
    #762427

    David Customer Support

    Hi there,

    so remove the inline styles from the opening div – so the opening div looks like:

    <div class="inside-header">

    Then add this CSS:

    .page-hero .inside-page-hero .inside-header {
        max-width: 740px;
        box-sizing: border-box;
        padding: 30px;
        background-color: #A5B936;
        margin-left: auto;
        margin-right: auto;
    } 
Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.