This is a JavaScript code we can use to achieve the desired html structure for each of the posts on our posts lists: jQuery(document). Additionally, in order to achieve the overlapping effect, we need to have two parent elements to target: the image and the content – each wrapped in a separate HTML tag. The homepage has a unique grid layout featuring overlapping images, a video, image slider, and some text, including a customer testimonial and word from the photographer. The problem with the default blog post structure in Divi is that the post excerpt isn’t wrapped in a separate container, which we could target with CSS. Devlin Photos is one of the best examples of a photography website built using Divi. You can also skip the first post, or first to N numbers of posts by entering the value in the Post Offset Number. It will set the value for the post slider not to display posts more than that number.
DIVI POST TEMPLATE SIDPLAY MULTIPLE POSTS PRO
Simply save and start editing with the Divi Den Pro Plugin and layout library. Get custom designed Divi blog post templates that you can use right now. And then in the Number of Posts input the value. Divi Blog Post Templates for Divi Theme Builder.
![divi post template sidplay multiple posts divi post template sidplay multiple posts](https://www.elegantthemes.com/blog/wp-content/uploads/2021/03/divi-sunglasses-shop-product-page-template-dynamic-content-768x1315.jpg)
![divi post template sidplay multiple posts divi post template sidplay multiple posts](https://www.elegantthemes.com/blog/wp-content/uploads/2019/12/blog-page-679x1536.jpg)
Modyfing the Post HTML Structure with jQuery To select how many posts you want to display on the slider, go to the Content settings.