Best Answer

CSS to change breadcrumb font color?

  • 29 August 2023
  • 2 replies
  • 57 views

Userlevel 7
Badge +5

I thought I was on the right track with changing changing the breadcrumb font size color by using: 

doc-layout-breadcrumbs .breadcrumbs {
font-size: 14px;
color: black;
}

This successfully changes the font size, but it keeps that font color white (I’m guessing because it is a link?).  Has anyone been able to successfully change the color of the font on the breadcrumb with CSS?

icon

Best answer by gstager 29 August 2023, 20:00

View original

2 replies

Userlevel 7
Badge +5

As they are links…

Have you tried adding an   ‘a’   to your CSS like so…

/** Modify Breadcrumbs **/

doc-layout-breadcrumbs .breadcrumbs a {
font-size: 14px;
color: black;
}

/** End Modify Breadcrumbs **/

 

Userlevel 7
Badge +5

Thanks Greg!! ( @gstager )

 

Reply