Archived topic

Styling Yoast Breadcrumbs in GP

5 replies · Started by Ben on January 21, 2021

Viewing posts 1–6 of 6

January 21, 2021 at 9:21 am #1628133

Hey guys,

Is there a way to chage the font size and colour of Yoast breadcrumbs in GP?

I've tried the following CSS but it didn't work;

#breadcrumbs {
font-size: 14px;
padding-bottom: 15px;
}

I appreciate it's not your plugin but just wondered if you guys had a fix.

Thanks

Ben

January 21, 2021 at 9:29 am #1628142

Hi Ben,

That code should work.

I can't find any breadcrumbs on the linked page.

Can you confirm?

January 21, 2021 at 10:33 am #1628229

Sorry, it's on this page:

January 21, 2021 at 11:36 am #1628293

Can you copy and paste the breadcrumb code you are adding in the page hero here?

Make sure to click the code button.

January 22, 2021 at 2:22 am #1628972

Yeah I'm using the shortcode:

[wpseo_breadcrumb]

Then I've added the following CSS to the additional CSS panel:

/**Breadcrumbs**/
#breadcrumbs {
font-size: 14px;
padding-bottom: 15px;
}

January 22, 2021 at 2:36 am #1628983

Hi there,

edit the header element and wrap the shortcode like so:

<div id="breadcrumbs">
    Shortcode here
</div>

This archived topic is closed to new replies.