Follow us

blog | Divi Soup

blog

Q21: Change the Read More Text and Other Elements in Divi

I have seen a fair few questions lately about how to change the text of the read more and pagination links in blog posts. There are some solutions around, but the main issue I have seen with these is that they don’t work now the blog module uses ajax to load the... read more

F27: CSS Grid Blog Layout

This clean and modern blog page layout uses CSS Grid and flex for variable column widths and to keep posts the same height across screensizes, no matter how much your content length varies. It also makes use of the wonderful feature that is CSS Variables (custom properties), making it super easy to edit for your needs.

read more

F24: Elegant Blog Page Layout

This free Divi layout includes beautiful and elegant custom styling for your website’s blog page and sidebar. Using the native Divi modules, custom CSS and JavaScript to style and reposition elements, this layout will give your blog a truly unique look.

read more

F18: One Half and Two Quarter Alternating Blog Layout

This free Divi layout uses the native Divi blog module and custom CSS to display posts in a unique alternating layout of two different sizes, with gradient overlay and excerpt reveal on hover.

read more

F15: Two Tone Post Slider Module

This free Divi layout uses the native Divi post slider module, customised to display the post info across half of the image, with vertical navigation and a two tone colour effect on both the navigation and the section background.

read more

F13: Archive & Search Results Page Styling

This free Divi resource includes custom archive.php and search.php files to add to your child theme, along with some extra snippets to get your archive and search results pages looking much better. This resource can be used in conjunction with the free Custom Single Post Layout to create a completely unified design across your archive pages.

read more

F11: Alternating Vertical Timeline Blog Module

This free Divi layout uses the native Divi Blog module and the date element to create a verticle, alternating timeline of your blog posts with excerpt reveal on hover.

read more

F9: Vertical Timeline Blog Module

This free Divi layout uses the native Divi blog module with horizontal individual posts using the published date element to show a vertical timeline with colour change on hover.

read more

F8: Custom Post Slider Module

This free Divi layout uses the native Divi post slider module, modified to show the excerpt on the right and the dot navigation on the left and rotated.

read more

F7: Custom Single Post Layout

This free Divi resource consists of a single.php file to add to your child theme along with some additional code snippets. Together these add an author box, post navigation and related posts section to your single posts as well as styling for the sidebar.

read more

F5: Filterable Blog Module

This free Divi layout uses the native Divi tabs module along with library layouts containing blog modules displaying different categories to show a filterable module similar to what you see in the Extra theme.

read more

F1: Excerpt Reveal on Hover Fullwidth Blog Grid

This free Divi layout is great as an alternative to the standard Divi blog grid. It showcases your blog images in a fullwidth grid layout with no gutters, whilst still allowing the user to view the excerpt on hover.

read more

Archives

Like us on Facebook

Enter your details below to get notified of the launch and early bird pricing

You have successfully joined the waitlist!

Pin It on Pinterest