Breadcrumbs CSS Styling – Shortcode

  • Resolved Alex

    (@alexanderkoch096)


    4 years, 7 months ago

    Hi there,

    I am using Yoast SEO Breadcrumbs on my site. It works good, I use it on many different pages with the shortcode [wpseo_breadcrumb].

    How is it possible to style the breadcumbs with css? I tried with p#breadcrumbs {}; .breadcrumbs{}; .breadcrumbs span {} and so on, but it´s not working unfortunately?

    Have you the correct CSS class for me?

    Hope for your reply,
    Alex

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Support Maybellyne

    (@maybellyne)

    4 years, 7 months ago

    Hello Alex,

    Thanks for reaching out regarding the Yoast breadcrumb styling.

    The option to change the styling of the Yoast SEO breadcrumbs is not provided by the plugin. The style for the different elements of your website (including the breadcrumbs) is provided by your theme.

    If you want to change the styling of some of the elements, we usually recommend identifying the appropriate CSS selectors (as explained in this article) and then changing them to your liking using a plugin like Simple Custom CSS. This plugin will allow you to add your own CSS code to your theme. The CSS changes you add to the plugin will be kept even when the theme is updated.

    Thread Starter Alex

    (@alexanderkoch096)

    4 years, 7 months ago

    Hi Maybellyne,

    thanks for your reply. Ok understand, but is it possible to add in your shortcode [wpseo_breadcrumb] a class attribute? Because the shortcode turn the breadcrumbs in a normal <span></span> attribute with no classes.

    Plugin Support Michael Tiña

    (@mikes41720)

    4 years, 7 months ago

    Hi,

    Unfortunately, we won’t be able to provide assistance regarding custom code if you want to modify the default breadcrumbs output.

    We’ll be keeping this forum thread open to see if any other users would like to provide suggestions or advice on this.

    devnihil

    (@devnihil)

    4 years, 7 months ago

    We are going ahead and marking this issue as resolved due to inactivity. If you require any further assistance please create a new issue.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Breadcrumbs CSS Styling – Shortcode’ is closed to new replies.