Hello,
We apologize for the issue you are facing with adding breadcrumbs to your DIVI theme. To add Rank Math’s breadcrumbs to your DIVI theme across all pages, you can follow these steps:
Adding Breadcrumbs to Theme Template Files
-
Edit the Child Theme: It’s recommended to use a child theme to avoid losing changes when the theme updates. If you haven’t created a child theme yet, you can refer to the WordPress documentation on child themes.
-
Access Theme File Editor: Navigate to WordPress Dashboard → Appearance → Theme File Editor.
-
Select the Correct Template File: You will need to add the breadcrumbs code to the appropriate template file. In most cases, this would be header.php
or single.php
.
-
Insert the Breadcrumbs Code: Add the following code where you want the breadcrumbs to appear:
-
Update the File: After adding the code, click on the Update File button to save your changes.
Troubleshooting the Black Outline
If you are seeing a thin black outline around the breadcrumbs when using the shortcode, it may be due to CSS styles applied by your theme. You can try adding custom CSS to remove that outline:
.rank-math-breadcrumb {
border: none;
}
You can add this CSS in WordPress Dashboard → Appearance → Customize → Additional CSS.
If you continue to experience issues or if the breadcrumbs do not display as expected, please reply to this ticket with your site URL so we can assist you further. We’re here to help!
Sources:
How to Enable Breadcrumbs on Your Website With Rank Math SEO » Rank Math
This is the link to the page i have added short link to manually.. http://building.chasingendlesshorizons.com/gear/
I have tried looking under ‘Active theme’ uder rank math settings, and there i cant see the breadcrumb as being listed as them feature. But does this mean there i no way to add it??
If so, then i’ll add it manually, but would totally prefer without the black line around.
Hello,
Thank you for your query and we are so sorry about the trouble this must have caused.
When adding the breadcrumbs to your website, please make sure to add it to your theme file, which will be initialized on your homepage as well, like the single.php or header.php. Here’s a guide you can follow: https://rankmath.com/kb/breadcrumbs/#add-breadcrumbs-theme
As for the “black line” you see when adding the breadcrumbs, we don’t see that on the page you shared. Can you please share a screenshot of the breadcrumbs so we can take a closer look?
Looking forward to helping you.
Hi,
You dont see it on the page beacuse i ended up using another manual plugin. But was hoping to use RankMath for automatic Breadcrumbs.
I have tried following this guide without any successfull resuls.
Guess i’ll have to use the other plugin for manually adding breadcrumbs.
Hello,
Usually, themes include header.php and single.php files, which are the best places to insert breadcrumbs.
In this case, we suggest checking with the Divi team to help you add the breadcrumbs code to your theme, as they know their theme structure best and where to insert the code to get the desired result.
Looking forward to helping you.
Hello,
Since we did not hear back from you for 15 days, we are assuming that you found the solution. We are closing this support ticket.
If you still need assistance or any other help, please feel free to open a new support ticket, and we will be more than happy to assist.
Thank you.