Change font size of breadcrumbs

Hi there,

I’m adding the CSS via Appearance-Customize-Additional CSS – is this the right place?

Thats is the right place.

try this CSS:

.rank-math-breadcrumb {
    font-size: 15px;
}

Make sure you clear any plugin / browser caches after adding the CSS.

Thanks, worked like a charm.
One more thing - how can I increase the spacing between the categories in the breadcrumbs?

You can add some space either side of the separators using this CSS:

.rank-math-breadcrumb .separator {
    margin-left: 5px;
    margin-right: 5px;
}

Thanks, looks perfect now.

Glad to be of help

I'm trying to do the same using Yoast - could you provide that CSS to reduce the breadcrumb font size and add space below?

Thank you!

Hi there,

If you are using a block editor or block element to add it then you can actually utilize GB's container block settings to customize it.

Take a look at the video here:
https://docs.generatepress.com/article/adding-breadcrumbs/

If this doesn't help, can you link me to the page in question?

Feel free to open a new topic if you'd like to use the private info field:
https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information