Static front page with slider and blog posts below it

[webreports]

I would like to have the benefits of both the posts page and the static front page on the same page. I want to have the slider at the top and the blog posts below that. Is this possible with the Dante theme? I tried using the posts carousel but, it’s not quite the same as the blog feed that is on the posts page. Thanks.

[Mohammad – SUPPORT]

Hi,
You can do it.
1- Please insert a slider through page meta.

2- Now insert a blog asset through swift page builder at page content editor.

Thanks
Mohammad

[webreports]

Thanks that worked, sort of… There are a few options for the blog asset and the default for pagination is set to infinite scroll. I like the infinite scroll. However, the styling for the post boxes gets messed up with infinite scroll. I set the posts to limit to 20 and the styling went back to normal. It looks like the boxes are limited to 3 columns so the full-width is not happening and the background color disappears. The same thing happens if I set pagination to Load More (AJAX) after you click the load more button it gets deformed. Can you please take a look? Thanks.

[Kyle – SUPPORT]

Hi

Can you try these:

1) Activate the parent theme

2) Deactivate all of your plugins

Check if it still happens

– Kyle

[webreports]

Ok thanks. I tried that and still get the same result.

[David Martin – Support]

Hi @jdanser,

Have you customised any page builder elements, you have standard pagination selected however the infinite scroll looks to be working also?

– David.

[webreports]

I selected the standard pagination because it shows the post tiles in the correct styling (light gray background and full width layout). When the infinite scroll is selected the post tiles style changes to no background color and loses the full width layout. Additionally, the layout is not centered or left justified it shows just left of center which looks like a layout mistake. I have not customized anything. This is just default settings out of the box. Is there a way to customize the layout of just the infinite scroll? Maybe that is the issue.

Please feel free to change the blog asset within the page builder so you can see how each setting affects the design and layout. I am sending screen shots just in case. Let me know. Thanks.

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

I’ll setup a test page, minus the slider so we can help you modify the layout where possible.

– David.

[David Martin – Support]

The issue looks to be because infinte scroll is trying to load more posts into the carousel, the masonry layout is then wrong.

I setup a page here we are using for testing: http://grovedev.valenciacollege.edu/blog-test/.

I have reported this back to the team for testing and possible solution.

– David.

[webreports]

Ok, great. I am glad you found the issue. Let me know. Thanks.

[Kyle – SUPPORT]

No problem