So this happens because the Breadcrumbs is expecting a “Posts Page” to be set. Couple of options here:
- You could set the Posts page in Settings > Reading. Now your Breadcrumb element will just work naturally. To output your grid, override
x/framework/views/global/_index.php in a child theme and have it run do_shortcode('your grid shortcode');
- Use the code below:
// Tell Pro to use a different Blog Label
add_filter('x_breadcrumbs_data_args', function( $args) {
$args['blog_label'] = 'Course & News';
return $args;
});
// Tell WordPress that the Post Archive link is somewhere else
add_filter('post_type_archive_link', function($link, $type) {
if ($type === 'post') {
$page = get_page_by_path('latest-news');
if ($page) {
$link = get_permalink( $page );
}
}
return $link;
}, 10, 2);
Also, instead of typing it in all caps you can use the “Links Text Format” control and set your CSS text-transform to uppercase (first button). That will give you a consistent style without having to manage it at the data level.