Spacing between breadcrumbs

[robdocsmith]

Hi guys,

I was going to ask a question about adding addition spacing around the breadcrumb divider and after the prefix but I've answered my own question. My issue was breadcrumbs just look cramped on the page and I wanted to add a little space between items. So "Home>Subpage" becomes "Home > Subpage". I added spaces to the mc-breadcrumbs-divider and mc-breadcrumbs-prefix styles but multiple spaces collapse in the browser window.

For future reference, and in case anyone else has the same issue, there are (at least) two ways to solve it:

Add styles that modify the Madcap output SPAN styles MCBreadcrumbsPrefix and MCBreadcrumbsDivider and put some padding in them. For example:

Code: Select all

span.MCBreadcrumbsPrefix
{
	padding-right: 10px;
}
span.MCBreadcrumbsDivider
{
	padding-left: 10px;
	padding-right: 10px;
}

Or add hard spaces by including the hex code for non-breaking spaces (\00a0) to the elements in the breadcrumbsProxy itself:

Code: Select all

MadCap|breadcrumbsProxy
{
	mc-breadcrumbs-divider: '\00a0\00a0>\00a0\00a0';
	mc-breadcrumbs-prefix: 'You are here:\00a0\00a0';
}

Hope that helps,

Rob

[kathryngz]

This is EXACTLY the solution I was looking for! Thanks so much, Rob.

Kathryn