Hi - CSS is not a solution for this. We abuse it around here I know, but the only way to do waht your asking would be to use a pseduo-class like :after, which is not in the DOM, and use the content CSS to add, but that will only display plain text, not HTML so you could add text but not a link:

The only other route would be a script, but those are not supported either unfortunately. Might just want to consider some sort of quick links widget that you include on all your custom pages.

Because the breadcrumbs are all messed up and don’t link correctly I hid them instead. The only way I could target the breadcrumb bar was with CSS and the following code. 

/** -------------------------------------------
This removes the breadcrumbs but keeps home by removing the items from the breadcrumb list
(since they are inaccurate)
**/ 

.hierarchical-breadcrumbs li:nth-child(2){
    visibility:hidden;
}
.hierarchical-breadcrumbs li:nth-child(3){
    visibility:hidden;
}
.hierarchical-breadcrumbs li:nth-child(4){
    visibility:hidden;
}
.hierarchical-breadcrumbs ui-icon {
    visibility:hidden;
}