Homepage issues – blog formatting

  • Author
    Posts
  • #161041
    ricchicm
    Member

    The most recent blogs that show up at the bottom of my blog’s homepage are ill-formatted.

    I’d like them to appear as they did on the Olsen demo page: https://wordpress.com/theme/olsen

    On the demo, it has:
    The category, title and date at the top.
    Then a nice-sized photo under that with blog excerpt/ summary
    Then the continue reading button at the bottom.

    There’s proper spacing between the different blogs, too.

    I’ve gone through all of the settings on the Pages tab.
    Please help- thanks!
    Chris

    The blog I need help with is: (visible only to logged in users)

    #161208
    fotispapafotiou
    Theme Author

    Hi there,
    You currently have a Page as a frontpage. To get the exact same layout, you will need to Change the frontpage to your latest posts under Customizer->Homepage Settings

    #161213
    ricchicm
    Member
    Original poster

    Hello, thank you for your reply.

    If I wanted to keep the Homepage as I have it, but increase the spacing so the “Continue Reading” isn’t smushed up against the next post, is there a way to adjust that?

    Thank you!

    Link to screengrab of the issue: https://snipboard.io/XgtNKQ.jpg

    #161265
    fotispapafotiou
    Theme Author

    Hi,
    try this

    .home a.more-link {
        position: relative;
    }
    .wpnbha.is-style-borders article {
        border: none!important;
    }
    .home .entry-title+p:after {
        content: '';
        width: 100%;
        height: 1px;
        background: #eee;
        display: block;
        top:50px;
        position:relative;
    }
    .home a.more-link{
     margin-top:20px;   
    }

    in your custom CSS box under Customize-▸Additional CSS

    Let me know if you need additional help with this.

    #161266
    ricchicm
    Member
    Original poster

    Thank you for your continued help. It did work, somewhat, but it repositioned the “continue reading” button in an awkward place on the slider (over to the right, and an extra line break down.)

    Screengrab: https://snipboard.io/Dx8EdF.jpg

    I think this may be a complex request, so I’ve removed the “continue reading” button from the blogs on the Homepage, which looks a lot better.

    #161306
    fotispapafotiou
    Theme Author

    Great!
    Let me know if you need additional help with anything else.

  • The topic ‘Homepage issues – blog formatting’ is closed to new replies.