Breadcrumb formatting problem - I need some help please.

James Lyall

Having been away from SmugMug for a while, I find on my return that my CSS formatting of breadcrumbs no longer works.
I have discovered Aaron's post from last month reporting a revision of the SmugMug coding, but I have not been able to make effective modifications to my CSS.

My old code was:

/* Sets the main breadcrumb font size*/
.sm-breadcrumb {
  font-size: 18px;
}

/* Set the galleries breadcrumb font size*/
.sm-page-widget-breadcrumb .sm-breadcrumb h1 {
    display: inline;
    font-size: 20px;
    font-weight:400;
}

/* Make breadcrumb Home icon a bit bigger */
.sm-page-widget-breadcrumb .sm-breadcrumb .sm-fonticon {
    font-size: 36px !important;
}

I should be most grateful for any help with achieving the required appearance using the new code.
Thank you very much in advance.

James Lyall

Any help with the above will be most appreciated. Thank you.

Hikin' Mike

I also posted this on the other thread.

Remove the old code and try this:

.sm-page-widget .sm-breadcrumbs .sm-breadcrumb-item .sm-button {
    font-size: 18px;
    line-height: 36px;/* width, height and line-height must match */
    }

.sm-breadcrumbs .sm-icon-Home,
.sm-breadcrumbs .sm-icon-small {
    width: 36px;/* width, height and line-height must match */
    height: 36px;/* width, height and line-height must match */
    }

James Lyall

@Hikin' Mike said:
I also posted this on the other thread.

Most grateful, thank you.