Extra Space Around Breadcrumbs - Question | JoomShaper
SP Page Builder 6 is Here! Learn More →
Back to the questions

Extra Space Around Breadcrumbs

B

beaugast

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

0
7 Answers
Order by
Oldest Newest Votes
B
beaugast
Accepted Answer
4 years ago #9818

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!

0
Muntasir Sakib
Muntasir Sakib
Accepted Answer
Support Agent 4 years ago #9785

Hello there,

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

.breadcrumb {
    padding: 0;
}

Thank you!

0
B
beaugast
Accepted Answer
4 years ago #9787

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

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 4 years ago #9796

Hi, correct custom CSS will be:

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

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

0
B
beaugast
Accepted Answer
4 years ago #9802

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

0
Muntasir Sakib
Muntasir Sakib
Accepted Answer
Support Agent 4 years ago #9819

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

Have a nice day!

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 4 years ago #9832

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

0