Have you ever wondered if a website you’re browsing is built using the popular WordPress theme Divi? While there are many methods and tricks floating around the internet for identifying a Divi website, none of them are entirely foolproof.
In this blog post, we will explore a reliable method to determine if a website is genuinely built with Divi.
Join +3 610 subscribers!
The Common Methods (and Their Limitations)
Before we dive into the foolproof method, let’s briefly discuss a couple of common methods people use to identify Divi websites:
1. Observing Common Divi Design Elements
Many Divi websites feature common design elements, such as the Divi mobile menu, the classic Divi bottom bar from Divi 3, the signature baby blue color, and the unmistakable Divi icons.
Even though this method works in some cases, it’s far from foolproof. There are lots of third party plugins (Divi Toolbox, Divi Mobile and Divi MadMenu just to mention three) that lets you customize your Divi mobile menu beyond recognition. The Divi Theme Builder lets you create custom footers and the classic Divi icons are now updated with hundreds of new icons from the FontAwesome library.
👉 Related post: 11 Stunning Divi Website Design Examples
2. Using Theme Detection Tools
Several online tools, like WordPress Theme Search and WPThemeDetector, claim to identify the WordPress theme used on a website. The result is often accurate but far from always. If you are a tad bit tech savvy, it’s easy to block WordPress theme detectors from your website.
The Foolproof Method: Inspecting the Page Source
The only foolproof way to determine if a website is built with Divi is to inspect the website’s page source. Follow these steps to carry out the inspection:
- Navigate to the website that you want to inspect using a web browser like Google Chrome.
- Right-click anywhere on the web page that you want to investigate and select View Page Source from the context menu. This will open the page’s HTML source code. (You can also click View in the Chrome menu and go to Developer » View Source)
- Use the “Find” function in your web browser. On a PC, press Ctrl + F and on a Mac, press CMD + F.
- In the search box that appears, enter the search term: et_pb
- The search results will show you how many matches there are for the “et_pb” (et underscore pb) code within the page source.
- If you see any matches for “et_pb,” it is a strong indicator that the website is built with Divi.
The “et” stands for Elegant Themes (the creators of Divi), and “pb” likely represents “page builder”.
If you search the Page Source and find classes like et_pb_row and et_pb_section, you can be pretty certain that the website is built with Divi.
Interpreting the Results
If you find numerous instances of “et_pb” in the page source, it is a clear sign that the website is built with Divi. The more matches you find, the stronger the confirmation.
On the other hand, if you don’t find any instances of “et_pb” in the page source, it suggests that the website is not using Divi as its theme. This was demonstrated when checking the Elegant Themes website itself, which, surprisingly, does not use Divi for its design (more about this in the video above).
Is the result really foolproof?
Yes and no. It’s not possible to build a website with the Divi theme without leaving traces of “et_pb” in the source code. Removing these classes in Divi would be possible in theory, but in practice it would require a complete rebuild of the theme. This would be a gigantic task for a very small reward.
On the other hand, if someone would like to fool you to think that a non-Divi website was built with Divi, it would be possible to create custom et_pb CSS classes on a page. However, it’s hard to see why anyone would put so much effort into something rather meaningless.
That’s all for today!
In the world of web design, it’s crucial to be able to identify the tools and themes used on different websites. While some methods for detecting Divi exist, they are not always reliable. By inspecting a website’s page source for “et_pb” matches, you can confidently determine whether a website is built with Divi or not.
This method is simple, effective, and the closest thing to a foolproof way to confirm a website’s theme. So, next time you’re curious about a website’s design, don’t rely on guesswork – inspect the code and find out for sure!
👉 Related post: Create Custom Divi Column Structures For Mobile With CSS Grid
👉 Free course: Create a website from scratch with Divi