Skip to main content
Answer

What CSS needs to be modified to increase breadcrumb font size?

  • August 10, 2021
  • 7 replies
  • 262 views

Forum|alt.badge.img

What CSS needs to be modified to increase breadcrumb font size?

Best answer by nick.tosto

I think this should do it: 

doc-layout-breadcrumbs .breadcrumbs {
font-size: 18px;
}

 

7 replies

Forum|alt.badge.img+3
  • Docebian
  • Answer
  • August 10, 2021

I think this should do it: 

doc-layout-breadcrumbs .breadcrumbs {
font-size: 18px;
}

 


Forum|alt.badge.img
  • Author
  • Novice II
  • August 10, 2021

That did it. Thanks Nick.

This was the first time using the community forum so your quick and accurate response has made for a great first impression.

 

I am in the early stages of setting up my platform so be ready for more questions.


Peritus
  • Newcomer
  • March 14, 2022

What CSS needs to be modified to increase breadcrumb font size?

Does anyone know CSS to remove breadcrumbs completely?


Bfarkas
Hero III
Forum|alt.badge.img+6
  • Hero III
  • March 14, 2022

@Peritus are you trying to just hide the text or the bar completely? If just the text, the above but instead of font-size put display: none should do it. 


Peritus
  • Newcomer
  • March 15, 2022

@Bfarkas it doesn’t seem to be doing anything. I have figured out how to remove the bar but the text still appears with what you have suggested.


gstager
Hero III
Forum|alt.badge.img+8
  • Hero III
  • March 15, 2022

@Peritus - this should get rid of all of it…

Two approaches

/** Remove Breadcrumb Bar **/

#doc-layout-breadcrumbs {
display: none;
}


/** Using the same setup as previous post **/

doc-layout-breadcrumbs .breadcrumbs {
visibility: hidden;
}

Be sure to test several areas of the platform to make sure it looks/works the way you want.


gstager
Hero III
Forum|alt.badge.img+8
  • Hero III
  • March 15, 2022

As an afterthought…

This will keep the bar but get rid of the text.

/** Remove Breadcrumb Text and Keep the Bar **/

doc-layout-breadcrumbs ul {
visibility: hidden;
}

As always - test...