CSS Yoast Breadcrumbs

  • robelco

    (@robelco)


    7 months, 1 week ago

    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 to see the link]

Viewing 1 replies (of 1 total)
  • Ravi Khadka

    (@ravikhadka)

    1 month, 2 weeks ago

    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 {

    font-size: 14px;
background-color: #fff;
padding: 8px 12px;

    } #breadcrumbs a {

    color: #333;
text-decoration: none;

    } #breadcrumbs a:hover {

    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 to reply to this topic.

Tags