Breadcrumb Changes

Hikin' Mike

@James Lyall

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

Perfection, that is exactly what I was trying to achieve.
I am most grateful to you Mike; thank you very much for taking the time to help me.
I now have a better understanding of how the revised structure for breadcrumbs has to be addressed.

James Lyall

@kgphotos said:
... the home font icon (house) is no longer aligned with the breadcrumb. Any idea how to fix it?

After changing my code following Hikin' Mike's advice, I am now finding the same failure of alignment.
Judging by your current website, you have now corrected the problem.
I should be most grateful to know how you did it. Thank you.

James Lyall

@Hikin' Mike said:

Remove the old code and try this ......

I have just discovered that I am suffering the same alignment problem as experienced by Karen.
Please could you offer me some help? Many thanks.

Hikin' Mike

@James Lyall said:
I have just discovered that I am suffering the same alignment problem as experienced by Karen.
Please could you offer me some help? Many thanks.

When you changed the height and width from 38px to 40px you also have to change the line-height to match.

James Lyall

@Hikin' Mike said:
When you changed the height and width from 38px to 40px you also have to change the line-height to match.

Thank you very much, Mike, for nursing me with such skill!
I am most grateful to you.

grosloulou

hallo,
on all galeries
https://www.labrophotography.com/Portfolio/Animals/
i'd like to reduce the breadcrumb height 48px to 42px. how can i do that ?

best regards
marc

Hikin' Mike

@grosloulou said:
hallo,
on all galeries
https://www.labrophotography.com/Portfolio/Animals/
i'd like to reduce the breadcrumb height 48px to 42px. how can i do that ?

best regards
marc

Add this to your theme's custom CSS section:

.sm-user-ui .sm-gallery-cover .sm-breadcrumbs {
    height: 42px;
    line-height:42px;
    }