Source: https://divicake.com/blog/divi-about-us-team-page-layouts-plugins-tutorials/ [Blog](https://divicake.com/blog/)/[Resources](https://divicake.com/category/resources/) # 13 Divi About Us and Team Page Layouts, Plugins, and Tutorials By Divi Cake·20 September 2018·Updated 19 August 2026·4 min read 13 Divi About Us and Team Page Layouts, Plugins, and Tutorials We may earn a commission from affiliate links in this post. [Disclosure policy](https://divicake.com/affiliate-disclosure-policy/) On this page - [Divi About Us Layouts & Pages](https://divicake.com#divi-about-us-layouts--pages) - [1. Team Section Layout](https://divicake.com#1-team-section-layout) - [2. About Me Page Layout](https://divicake.com#2-about-me-page-layout) - [3. Jump to Bio Team Page](https://divicake.com#3-jump-to-bio-team-page) - [4. Personal Page](https://divicake.com#4-personal-page) - [5. Clean Divi Team Section](https://divicake.com#5-clean-divi-team-section) - [6. Divi Person Module Template 1](https://divicake.com#6-divi-person-module-template-1) - [Divi About Us Plugins](https://divicake.com#divi-about-us-plugins) - [7. 44 Hover Square Effects](https://divicake.com#7-44-hover-square-effects) - [8. Divi Team Members](https://divicake.com#8-divi-team-members) - [9. 54 Image Hover Circle Effects](https://divicake.com#9-54-image-hover-circle-effects) - [Divi About Us Tutorials](https://divicake.com#divi-about-us-tutorials) - [10. Divi Person Module Hover Effect](https://divicake.com#10-divi-person-module-hover-effect) - [11. How to Style Divi’s Slider Module for a Bold Team Members Area](https://divicake.com#11-how-to-style-divis-slider-module-for-a-bold-team-members-area) - [12. How to Use Divi’s New Opacity Filter Option to Create a Stunning Team Section](https://divicake.com#12-how-to-use-divis-new-opacity-filter-option-to-create-a-stunning-team-section) - [13. How to Add a Bio Hover Effect to Team Member Photos in Divi](https://divicake.com#13-how-to-add-a-bio-hover-effect-to-team-member-photos-in-divi) - [Ending Thoughts](https://divicake.com#ending-thoughts) Divi is excellent for creating About Us and Team Member pages for your business websites. Fortunately, you don’t have to start from scratch. In this article, we’ll take a look at 13 layouts, plugins, and tutorials to help you create your own About Us and Team pages, and help your team members stand out from the crowd. There’s sure to be something here to help you create any type of About or Team page you need. I divided them by categories, but other than that they’re in no particular order. I hope you like them! ## Divi About Us Layouts & Pages ### 1. Team Section Layout This team members layout includes a header in parallax with text that allows the background to show through and person modules that overlap the header. CSS is included with instructions on where to place it. - Parallax header - Styled person modules - JSON file - CSS [More Information](https://divisoup.com/team-section-layout/) ### 2. About Me Page Layout This about me page layout includes a larger header section with styling and a place for a large photo. It includes lots of styled modules with overlapping elements and a short resume section. Hover effects change the black and white project photos to color. - Diagonal separations - Hover effects - Header - Quote - Blurbs - Projects with overlapping text - Testimonials - Footer [More Information](https://divicake.com/go/divi-lover-about-me-page/) ### 3. Jump to Bio Team Page This team page includes person modules with a Meet Person button that takes the visitor to that person’s section at the bottom of the page, which provides them with a larger photo and text for each person in a single column. - JSON - CSS - Person modules - Meet person button that takes the visitor to that person’s information - A row for each person that shows an image and text [More Information](https://divicake.com/products/jump-to-bio-team-page/) ### 4. Personal Page This layout creates an about page that’s conversion-focused. It displays a box with overlapping image, name, title, text, and email button, and social follow buttons- all with shadow effects placed over a full-screen background. - CSS - Image - Text - Email button - Social follow buttons [More Information](https://divicake.com/products/personal-page/) ### 5. Clean Divi Team Section This team layout includes a large header section with full-screen image, title, and text, a team member section with styled team member areas and a contact section with contact form and social follow buttons. - Large header with image and text - Team member area with image, text, email - Contact form [More Information](https://divicake.com/products/clean-divi-team-section/) ### 6. Divi Person Module Template 1 This is the first of 20 person module templates and is great for building team member pages. The modules include hover effects to show the title, description, and social follow buttons. It has 7 different layouts with different overlays, buttons, and layouts. - Styled person modules - Overlays show title, description, and social follow buttons - 7 layouts: - Default - Short Description - Buttons - Different Color - Horizontal View - List View [More Information](https://divicake.com/products/divi-person-module-template-1/) ## Divi About Us Plugins ### 7. 44 Hover Square Effects This plugin provides 44 different hover effects for square images. It adds a title and description on hover, usually covering part of the image, which is great for creating team member pages or for showing your team members’ information. - 44 hover effects - Title - Description [More Information](https://divicake.com/products/44-image-hover-square-effects/) ### 8. Divi Team Members This plugin lets you display your team members with lots of different layout styles, filter button styles, and lots of display options including a grid, horizontal, table, slider, list, detail page, and more. Hover effects reveal social follow buttons. - 56 layouts - 20 filter buttons - 9 list layouts - 6 detail page layouts - Grid module - Horizontal module - Slider - Table - Integrates with Caldera Forms - Hover effects [More Information](https://divicake.com/products/divi-team-members/) ### 9. 54 Image Hover Circle Effects This plugin applies 44 different hover effects to round images. It adds a title and description on hover while either replacing the image, placing an overlay over the image, or moving the image to one side. It’s great for creating team member pages and showing your team members’ information. - 44 hover effects - Title - Description [More Information](https://divicake.com/products/54-image-hover-circle-effects/) ## Divi About Us Tutorials ### 10. Divi Person Module Hover Effect This tutorial shows how to customize the person module using CSS to make it stand out. It adds hover effects to the profile image and social media links and adds a divider below the title. The profile image will zoom and the social buttons are hidden until the mouse hovers over the module. - CSS - Profile image zooms on hover - Social buttons slide up to show on hover - A divider is added under the title [More Information](https://divicake.com/go/b3-multimedia-divi-person-module-hover-effect/) ### 11. How to Style Divi’s Slider Module for a Bold Team Members Area This tutorial creates a slider that will feature team members in a slider rather than a card. It uses a background image with overlay, a person’s image that’s made circular using CSS, title, text, and a button. - Slider - CSS to round image - Background with overlay - Title - Text - Button [More Information](https://divicake.com/go/elegant-themes-bold-team-members-area/) ### 12. How to Use Divi’s New Opacity Filter Option to Create a Stunning Team Section This tutorial shows how to use the opacity filter along with image and text modules to create an elegant alternating team section. It places team members with a subtle background over a background that fills the entire row. - Opacity filter - Image modules - Text modules - Alternating section [More Information](https://divicake.com/go/elegant-themes-stunning-team-section/) ### 13. How to Add a Bio Hover Effect to Team Member Photos in Divi This tutorial shows how to add a hover effect to team member images that will display a short bio with title and text. This is done with CSS and a text module. - CSS - Show bio on hover - Text module [More Information](https://divicake.com/go/elegant-themes-team-member-bio-hover-effect/) ## Ending Thoughts That’s our look at 13 layouts, plugins, and tutorials to help you create amazing About Us and Team Member pages for your Divi website. No matter the type of About Us or Team Members design you want to create, there’s sure to be something here for you. We want to hear from you. Have you tried any of these About Us or Team Member page layouts, plugins, or tutorials? Let us know about your experience in the comments. ## Written by Divi Cake Divi 5 tutorials, layouts and fixes from the team that builds Divi sites every week. - [About Divi Cake](https://divicake.com/about/) ## Submit a comment Comments are read before they appear. Your email is not published. Comment NameEmail Company website Submit commentSubmit commentSubmit comment The comment form needs JavaScript for its spam check. Thanks. Your comment is waiting for review and will appear here once it is approved. ## Do you need help with … - [Divi websites](https://divicake.com/divi-website-development/) - [Divi plugins](https://divicake.com/divi-plugin-development/) - [Fix a site](https://divicake.com/fix-existing-site/) - [Beyond Divi](https://divicake.com/beyond-divi/) - [Technical SEO](https://divicake.com/technical-seo/) - [SEO content](https://divicake.com/seo-content/) ## Save Annually on Divi [Save 69% on Divi VIP](https://divicake.com/go/divi-vip/)[Save 69% on Divi Cloud](https://divicake.com/go/divi-cloud/)[Save 69%, Divi Team](https://divicake.com/go/divi-teams/) ## WordPress Hosting & Tools [100% off on Kinsta for 1 Month](https://divicake.com/go/kinsta/)[Get up to 62% off Bluehost hosting.](https://divicake.com/go/wordpress-hosting-blue-host/)[Save Up to 15% on Rank Math](https://divicake.com/go/rank-math/)[Get 50% OFF on all WPForms plans](https://divicake.com/go/wpforms/) ## More in Resources [ Best affiliate programs for Divi blogs Resources5 min read ### Best Affiliate Programs for Divi Blogs Nine affiliate programs a Divi blog can actually earn from, what each one pays, and three WordPress plugins for managing the links. 7 October 2026](https://divicake.com/blog/best-affiliate-programs-for-divi-blogs/) [ Best Custom Divi Modules Resources3 min read ### Best Custom Divi Modules Six custom module plugins that still exist and are still sold, and what each one adds to the Divi Builder. 5 October 2026](https://divicake.com/blog/12-best-custom-divi-modules/) [ 10 Best SEO Plugins for WordPress (and Divi) Resources9 min read ### 10 Best SEO Plugins for WordPress (and Divi) Ten SEO plugins for WordPress and Divi that are all still maintained, what each one is good at, and a handful of SEO fixes that need no plugin at all. 27 September 2026](https://divicake.com/blog/best-seo-plugins-for-wordpress-and-divi/)