Load More Posts and Blog Archive styling

[powrider686]

Hey there!
I just launched a client site, dylanhbrown.com and need some help on the final tweaks that I haven’t been able to figure out.

1. On the blog page - https://dylanhbrown.com/mission-journal/ - I’d like to add a load more posts button, how could I accomplish that?

2. The blog archive pages are eluding me on how to style them. How can I target just the archive pages below the nav to make them all look like the rest of the blog pages? I would like all of the archive pages to look the same as the main blog page - https://dylanhbrown.com/mission-journal/.

Thanks for the help!

[ruenel]

Hello There,

Thanks for writing in!

1. Load more or infinite scroll is not an available feature in X theme. It can only be possible with custom development which is outside of your support. You may need to check out this link for your reference:

Infinite Scroll

How to implement Jetpack's Infinite Scroll on your blog • CSSIgniter

2. You will need to update this code:

.blog .x-container.max.width.main {
    max-width: 900px;
    font-family: 'FuturaBT-Medium', sans-serif !important;
    font-weight: 300;
    font-size: 12px;
    color: #242424;
    line-height: 180%;
    margin: auto;
}

And use this instead:

.blog .x-container.max.width.main,
.archive .x-container.max.width.main,
.archive .x-header-landmark.x-container.max.width {
    max-width: 900px;
    font-family: 'FuturaBT-Medium', sans-serif !important;
    font-weight: 300;
    font-size: 12px;
    color: #242424;
    line-height: 180%;
    margin: auto;
}

We would loved to know if this has work for you. Thank you.