Archived topic
GP Premium + DIVI Builder (for posts)
3 replies · Started by Christian on October 15, 2021
Hey there,
I ran into an issue using GP Premium + DIVI Builder.
Using GP Premium and the DIVI Builder for pages only works fine.
But using the DIVI Builder for blog posts causes some troubles I cannot solve on my own and I hope there will be a compatibility fix in a future update of GP Premium. I am using the flexbox layout, but using the float does not work as it should as well. The problem is as follows.
The blog layout and all archive layouts are messed up as soon as there is one post present made using the DIVI Builder. Columns/floating does not work anymore. All entries will be listed beneath each other.
The "entry-summary" cannot be extracted from posts made with the DIVI Builder and therefore the "read more button" will not be displayed.
Is there a way this can be fixed? Is it possible to make GP Premium work with the DIVI Builder in a future update?
Thanks for letting me know.
Best regards,
Christian
Hi there,
Div is injecting its own HTML around the post loop which is breaking the GP columns - see here:
https://www.screencast.com/t/ZABuI5ahhR
Green marker is the GP columns container, which needs to be the parent for all the articles within. And the red HTML is what Divi is injecting.
Not sure why it would add that code when using a themes templates. Something to address directly with Divi as the theme can't govern for that code.
As a temporary fix, you could add some CSS to make the divi container behave the like the columns container:
.generate-columns-container .et-boc .et_builder_outer_content {
display: flex;
flex-wrap: wrap;
align-items: stretch;
}Regarding the excerpt - GP uses the core WP function the_excerpt() to output the excerpt. That function doesn't like content that is nested inside 'containers' which is what Divi will be adding to the single post. Aside from adding a manual excerpt to the post you would need to check with Divi to see if they have a solution for that.
Thank you very much for your quick response. The CSS code fixed the column flow perfectly. That was most important. I'll reach out to Elegant Themes to ask for a solution for the excerpt problem. Thanks again. Great job!
Glad to be of help!
