Customization of Rank Math SEO Breadcrumbs

Hi there,

I’m not familiar with that plugin. Do they have instructions for adding the breadcrumbs to a theme?

Do you have them added, but now only need to style them?

Let me know ??

Hi Tom
The breadcrumbs have been hooked to before_title location using elements and are set to display on all single posts. I want to customize color and font size using css.
/

Thanks

URL
https://kriyayogasandesh.com/the-true-eternal-identity/

Hi Tom

I was provided with the CSS for customization by Rank Math Seo support:

/* Rank Math SEO customization */
.rank-math-breadcrumb a {
font-size: 16px;
color: #6b6b6b;
}

Now the issues I am facing are:

1. Font size changes for part of the breadcrumbs ( 2 font sizes are displayed -: 16px ( which I want and 21px which is the font size of the post content)
2. There is a gap between the breadcrumbs and the title of the post

Thanks
BM

Hi BM,

Try this custom CSS

/* Rank Math Breadcrumbs */
.rank-math-breadcrumb, .rank-math-breadcrumb a {
    font-size: 16px;
    color: #6b6b6b;
}
.rank-math-breadcrumb p {
    margin-bottom: 0px; // Removes the bottom gap
}

Hope this helps.
Thank you.

Hi Tom

That’s it!
Thanks a lot!

Regards
BM

Glad you got it working! ??