Adjust breadcrumb font size

MarcQuinlivan · January 5, 2019

I have customisations on my sites to alter the text size of various sections depending on the screen size - everything from an iPhone to a 4K screen, but I'm having trouble getting with the breadcrumbs.

How do I adjust all the components of the breadcrumb? Is there a value for all the bits or do I have to adjust the House icon, the right angle brackets and each section separately?

Here's a sample page: https://www.marcquinlivan.photography/Karting/Motorsport-Ireland-Karting-Champ/2018

I also might like to adjust the padding around the entire breadcrumb too.

Hikin' Mike · January 5, 2019

Add this to your theme's custom CSS section. Adjust accordingly.

/**
* Breadcrumbs
************************************************/
/* Text */
.sm-user-ui .sm-flex-self-end,
.sm-user-ui .sm-button-size-small.sm-button-nochrome {
  font-size: 26px;
}

/* For Icons */
.sm-user-ui .sm-icon-small {
  width: 26px;
  height: 26px;
}

MarcQuinlivan · January 5, 2019

Thanks @Hikin' Mike . That did the job.

Adjust breadcrumb font size

Comments