[Support request] Yoast seo breadcrums styling

[SUNBIN]

Hi
Can style yoast SEO breadcrums like this?

Check the site and above there is breadcrumbs in button shape
홈-국내쇼핑-옥션

[David]

Hi there,

do you have a site with the breadcrumb? If so can i see it , and i can look at the CSS

[SUNBIN]

Sure but for my site i didnt apply yet.
The demo would be like this. Check the site.

[David]

You can use this CSS to add a radius border background to ALL items:

.breadcrumbs {
    padding: 10px 0;
}
.breadcrumbs a {
    padding: 5px;
    background-color: #f00;
    border-radius: 4px;
    color: #fff;
}
.breadcrumbs a:hover {
    background-color: #0f0;
    color: #fff;
}

But if you just want to style the home item then you can do this:

.breadcrumbs {
    padding: 10px 0;
}
.breadcrumbs .home {
    padding: 5px;
    background-color: #f00;
    border-radius: 4px;
    color: #fff;
}

[SUNBIN]

Oh thx david.

I forgot say something.

Can i make it in button shape plus dropdown style?

As you see this one, its like navigation with dropdown.

[David]

You would have to Ask Yoast that question, its not something the theme can do.

[Author]

Posts