Change font and position of breadcrumbs

#133258
Viewing 5 replies - 1 through 5 (of 5 total)
  • Danial
    Rank Math business

    Hello,

    Thank you for contacting Rank Math and sorry for any inconvenience that might have been caused due to that.

    Use the following code in your theme template files to display breadcrumbs:

    <?php if (function_exists('rank_math_the_breadcrumbs')) rank_math_the_breadcrumbs(); ?>
    OR use the shortcode:

    You can inspect the page using your browser developer tools to identify the selector and then target the same with some CSS.

    Here’s an example:

    .rank-math-breadcrumb a {
    font-size: 16px;
    color: #6b6b6b;
    }
    .rank-math-breadcrumb {
    font-size: 16px;
    цвет: # c0c0c0;
    }

    I hope this resolves your issue.

    Hi Danial,

    Thanks for coming back to me. I have already implemented breadcrumbs on my site, but they sit as a white line at the very top of the page which doesn’t look good at all.

    I would much rather that they are at the top of each article in a font that matches my theme.

    Could you please explain how I can move the breadcrumbs to the body of the text?

    Also, it’s worth pointing out that I use ShowIt as a website builder, and that is all drag and drop (no code).

    Thanks,
    Sarah

    Febby
    Rank Math free

    Hello,

    If you’re using any content builder, you can use any text editor and paste our shortcode and from there, you can change the font based on the size you want.

    Please watch this screencast below:
    https://i.rankmath.com/E5mZz1

    In this instance, We use an Elementor text editor and change the font size of breadcrumbs using Elementor settings.

    I hope this helps. Let us know if you need further help.

    We’re here to assist you. Thank you.

    Thanks for the video.

    I’m still struggling:
    – how would I add this to pages? My pages are not built on WordPress and therefore do not use Elementor.
    – for the articles, would I need to add this code to each and every article? Is there not a more efficient way to do it?

    Thanks,

    Hello,

    To make this appear efficiently on your posts and pages you can add the suggested php code to your them template files.

    Please note that Rank math will only work for WordPress related pages and posts. For other sites we may not be able to provide related support.

    Hope this helps

    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.

Viewing 5 replies - 1 through 5 (of 5 total)

The ticket ‘Change font and position of breadcrumbs’ is closed to new replies.