Skip to main content

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

I think this should do it: 

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

 


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.


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

Does anyone know CSS to remove breadcrumbs completely?


@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. 


@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.


@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.


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...


Reply