How can I make "Breadcrumb" thin?

Elixir Stacks
1

Hello everyone, I use “Breadcrumb” but it looks too thick. Actually it takes 54px height. I don’t find anyway to make it 20px… Any idea please ? Thanks for your help :slight_smile:

2

I assume you are using the Foundry ‘Breadcrumb.’ Do you have a url we can look at?

In any case, you might try using this css:

.breadcrumb_item a {
font-size: 20px;
}

Let me know if this doesn’t help.

3

He probably wants to reduce the padding above/below the text.

Try this:

.breadcrumb {padding: .1rem 1rem !important;}

That keeps the default left/right margin and changes the top/bottom to be much smaller. You may not need the " !important". Try without and add if it doesn’t change the padding. Add to the site-wide CSS code area.

4

Hello DLH, it works perfect now. The block height has been divided by 2… Thanks a lot for your help.