Reduce Width of Dara Static Front Page

  • How can I make the Dara theme static front page look the same as a regular page?

    Using Full Width, No Sidebar, the front page is about 300px wider than a regular page, and the headline sits below the Featured Image.

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)

  • Hi –

    Before I dive right in to things I want to be sure that I understand the request you’ve posted.

    It sounds like you want the Free Document Makeover for Conservative Christian Leaders text on the front page of the site to mimic the titles of the other pages – On the other pages the title cuts in to the page featured image, where as on the front page it is completely beneath the featured image.

    Does that sound right?

    Thread Starter skanz

    (@skanz)

    Yes, that’s right.

    Good morning –

    Apologies for my delayed reply! I missed the notification ?? Working on this now.

    Thread Starter skanz

    (@skanz)

    I appreciate you taking the time to look into this and help me.

    This should do the trick. Add the following CSS code to the site.

    /*— make front page content overlap featured image —*/

    @media screen and (min-width: 1000px) {
    .front-page-content-area.content-area {
        padding: 0;
    }
    .home .page {
        margin: -4.7em 13% 0;
        padding: 1.6em 3% 0;
        background-color: #fff;
    }
}
    • This reply was modified 6 years, 7 months ago by lizkarkoski.
    Thread Starter skanz

    (@skanz)

    (This time, I missed seeing the notification that this thread had been updated.)

    Yes, this worked perfectly. Thank you so much, @lizkarkoski!

    Fantastic ?? Thanks for letting me know!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Reduce Width of Dara Static Front Page’ is closed to new replies.