Title: CSS Yoast Breadcrumbs
Last modified: November 4, 2025

---

# CSS Yoast Breadcrumbs

 *  [robelco](https://wordpress.org/support/users/robelco/)
 * (@robelco)
 * [7 months, 1 week ago](https://wordpress.org/support/topic/css-yoast-breadcrumbs/)
 * I have activated Yoast Breadcrumbs in the Yoast SEO plugin, but I cannot style
   the output with CSS… Is there a way to make the font-size smaller and the background-
   color white?
   Thank you! Kudos for the good word!
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fcss-yoast-breadcrumbs%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 1 replies (of 1 total)

 *  [Ravi Khadka](https://wordpress.org/support/users/ravikhadka/)
 * (@ravikhadka)
 * [1 month, 2 weeks ago](https://wordpress.org/support/topic/css-yoast-breadcrumbs/#post-18889727)
 * Hi,
 * Yes, you can style Yoast breadcrumbs with CSS, but the exact selector depends
   on the wrapper your theme outputs.
 * If you added the breadcrumbs with the common Yoast wrapper, try this in Appearance
   > Customize > Additional CSS: #breadcrumbs {
 *     ```wp-block-code
       font-size: 14px;
       background-color: #fff;
       padding: 8px 12px;
       ```
   
 * } #breadcrumbs a {
 *     ```wp-block-code
       color: #333;
       text-decoration: none;
       ```
   
 * } #breadcrumbs a:hover {
 *     ```wp-block-code
       text-decoration: underline;
       ```
   
 * }
 * If that selector does not apply, inspect the breadcrumb element in your browser
   and target the actual wrapper class or ID your theme is using. The main point
   is that Yoast output can be styled normally with CSS once you have the correct
   selector.

Viewing 1 replies (of 1 total)

You must be [logged in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fcss-yoast-breadcrumbs%2F%3Foutput_format%3Dmd&locale=en_US)
to reply to this topic.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/radiate/1.4.3/screenshot.jpg)
 * Radiate
 * [Support Threads](https://wordpress.org/support/theme/radiate/)
 * [Active Topics](https://wordpress.org/support/theme/radiate/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/radiate/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/radiate/reviews/)

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)
 * [Yoast](https://wordpress.org/support/topic-tag/yoast/)

 * 2 replies
 * 2 participants
 * Last reply from: [Ravi Khadka](https://wordpress.org/support/users/ravikhadka/)
 * Last activity: [1 month, 2 weeks ago](https://wordpress.org/support/topic/css-yoast-breadcrumbs/#post-18889727)
 * Status: not resolved