Editing CSS

  • Resolved fabriziomazzei

    (@fabriziomazzei)


    4 years, 4 months ago

    Hi,

    I implemented Yoast SEO breadcrumbs through shortcode.
    I saw online some CSS examples, like:

    #breadcrumbs {font-size: 75%; color: #8e908f;margin:1em 0 2em 0;}
    #breadcrumbs a {display: inline; border: none; padding: 0; text-transform: none;}

    They do not work. What did I miss?

    Thank you
    Fabrizio

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

    (@maybellyne)

    Hello Fabrizio,

    We can’t offer support on custom code (needed to change (core) features of our plugin). Since we don’t want to take the risk that we break your website by suggesting incorrect or incomplete code, we cannot advise you on how to make such changes.

    Probably, someone else watching these forums can assist you further.

    Thank you.

    Thread Starter fabriziomazzei

    (@fabriziomazzei)

    I see,

    can you reply at least to a yes-no question?

    Can I actually edit CSS using the shortcode way?

    Thank you
    Fabrizio

    Plugin Support devnihil

    (@devnihil)

    @fabriziomazzei Can you please elaborate on what you mean by ‘the shortcode way’? Are you referring to using the Appearance>Customize?

    Thread Starter fabriziomazzei

    (@fabriziomazzei)

    Hi there Carl,

    thank you for replying, I mean this [wpseo_breadcrumb].

    It looks like this hasn’t any css class, even though it actually shows up in the web page. I did not find any way to customize it.

    Thank you
    Fabrizio

    Hi @fabriziomazzei,

    You can still customize the breadcrumbs using the shortcode and CSS.

    You first have to add an ID attribute to the tag that contains the shortcode for the CSS styles to apply to the breadcrumbs.

    You can add this manually by editing the tag in the HTML edit view. Using the block editor, you can select the paragraph block and go to the Block settings “Advanced” section. For the HTML Anchor, add “breadcrumbs”.

    Either method will give you the following: <p id="breadcrumbs">[wpseo_breadcrumb]</p>

    We hope this helps. If you need further CSS help, you may need to contact your theme’s documentation nor the theme developer.

    Thread Starter fabriziomazzei

    (@fabriziomazzei)

    Exactly what I needed, thank you very much Priscilla ??

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Editing CSS’ is closed to new replies.