Hello,
Thank you for your query and we are so sorry about the trouble this must have caused.
The integration with our breadcrumbs is fairly easy to implement on the theme and they could simply do that by extending the file from the parent theme called breadcrumb.php and in the if statements just add an additional condition like so:
elseif ( function_exists( 'rank_math_the_breadcrumbs' ) ) {
rank_math_the_breadcrumbs();
}
We added that in the parent theme of your website and the breadcrumbs are displaying according to the settings from Genesis.
We simply didn’t extend this in the child theme because we don’t have FTP access, but you can check the code we added on this file in the Genesis theme on line 126 and 127.
Don’t hesitate to get in touch if you have any other questions.
Thank You! I realize it would be very simple for the theme developer to add this but for whatever reason they have no intentions of supporting Rank Math. That being said, is there a way to make the breadcrumbs work by adding code to functions.php via the code snippets plugin (already installed) instead of modifying the theme?
Hello,
You can try this filter in the code snippets to show the Rank Math breadcrumbs:
function rm_breadcrumbs( $content ) {
if ( function_exists('rank_math_the_breadcrumbs') && is_singular() ) rank_math_the_breadcrumbs();
return $content;
}
add_filter( 'the_content', 'rm_breadcrumbs' );
However, the breadcrumbs will be automatically inserted into your content by using that filter.
Also, please note that with this kind of implementation, you don’t have much control over where you wish to insert the breadcrumbs specifically in the content.
Hope that helps.
Thank you.
Thank you. That makes perfect sense. I tested it and understand the options. One last question before we can close this ticket. I want to use a smaller font for the breadcrumbs to match what I had with Yoast. What CSS class should I use for the breadcrumb? Thank you very much!
Hello,
You can use .rank-math-breadcrumb{} to target the breadcrumbs on your site using CSS.
Here’s a sample CSS to adjust its appearance:
.rank-math-breadcrumb {
font-size: 50px;
padding-left: 110px;
background-color: beige;
color: #5a03fc;
padding-top: 25px;
}
And here’s a tutorial on how to use custom CSS on your site:
https://www.wpbeginner.com/plugins/how-to-easily-add-custom-css-to-your-wordpress-site/
Hope that helps.
Thank you.
Hello,
We are super happy that this resolved your issue. If you have any other questions in the future, know that we are here to help you.
If you don’t mind me asking, could you please leave us a review (if you haven’t already) on https://wordpress.org/support/plugin/seo-by-rank-math/reviews/#new-post about your overall experience with Rank Math? We appreciate your time and patience.
If you do have another question in the future, please feel free to create a new forum topic, and it will be our pleasure to assist you again.
Thank you.
