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

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

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

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!

    #762427
    David
    Staff
    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.