Extra space around Breadcrumbs - Forum | JoomShaper
Solved Templates

Extra space around Breadcrumbs

Asked by beaugast 5 years ago Last activity 5 years ago

Trying to get rid of the extra height above and below the breadcrumb text. Tried modifying with custom CSS and had no effect. Any suggestions?

Area in red is what I want to get rid of.

Accepted answer

Marked as the solution
beaugast Asked this
5 years ago

I played around and found that the following fixed it:

.breadcrumb {
    padding: 0;
    margin-top: 0rem;
    margin-bottom: 0rem;
}

Thank you for all your suggestions!

6 more replies

Oldest first Newest first Most helpful
Muntasir Sakib Staff
5 years ago

Hello there,

You can add this Custom CSS. This will fix your issue, I hope so.

.breadcrumb {
    padding: 0;
}

Thank you!

beaugast Asked this
5 years ago · edited

That took the space above out. But didn't remove the space below.

Paul Frankowski Senior Staff
5 years ago

Hi,
correct custom CSS will be:

.breadcrumb {
    padding: 0;
    margin-top: 1rem;}

or just add: margin-top: 1rem; into Muntasir code.

beaugast Asked this
5 years ago

That made the area smaller, but there is still a bunch of white space around the text on both the top and bottom.

Muntasir Sakib Staff
5 years ago

We are glad to know that you have figured it out.

Have a nice day!

Paul Frankowski Senior Staff
5 years ago

You have tips already, now play with margin values to make it as you wanted. No magic, just basic CSS.

Log in to reply.