Options

Breadcrumb modifications

b-grinnerb-grinner Registered Users Posts: 457 Major grins
edited January 23, 2014 in SmugMug Customization
How do you modify breadcrumb font/display?

Does it require CSS code as I cannot find anywhere within the customization.

Thanks and I look forward to your reply.
...The Cyberphotog:D

__________________________
http://www.cyberphotogs.com

Comments

  • Options
    leftquarkleftquark Registered Users, Retired Mod Posts: 3,784 Many Grins
    edited September 4, 2013
    I have some similar breadcrumb modifications in this thread (http://www.dgrin.com/showthread.php?t=237930 but here's some more information
    .sm-breadcrumb 
{
  color: #FFFFFF !important; /* Sets the font color */
  border-bottom: 1px solid #595959; /* Adds a border line underneath */
  padding-bottom: 4px; /* Adds some padding to the bottom */
}

    Feel free to add other attributes
    dGrin Afficionado
    Former SmugMug Product Team
    aaron AT aaronmphotography DOT com
    Website: http://www.aaronmphotography.com
    My SmugMug CSS Customizations website: http://www.aaronmphotography.com/Customizations
  • Options
    W.W. WebsterW.W. Webster Registered Users Posts: 3,204 Major grins
    edited September 4, 2013
    leftquark wrote: »
    Feel free to add other attributes
    Does anyone know how to reduce the font size of just the last breadcrumb item, leaving the others unchanged?
    At SmugMug • On Facebook • Photo Blog • Tools of Trade
  • Options
    Sir_EagleSir_Eagle Registered Users Posts: 137 Major grins
    edited September 4, 2013
    I believe there's a selection in the breadcrumb settings.
    http://kmartin.smugmug.com/
  • Options
    W.W. WebsterW.W. Webster Registered Users Posts: 3,204 Major grins
    edited September 4, 2013
    Sir_Eagle wrote: »
    I believe there's a selection in the breadcrumb settings.
    Thanks! thumb.gif
    At SmugMug • On Facebook • Photo Blog • Tools of Trade
  • Options
    RJMuggerRJMugger Registered Users Posts: 13 Big grins
    edited November 18, 2013
    Sir_Eagle wrote: »
    I believe there's a selection in the breadcrumb settings.


    I'm sorry, but I can't find it in the breadcrumb settings. Could you please tell me exactly where to look? I have a new SmugMug site. Thanks.
  • Options
    denisegoldbergdenisegoldberg Administrators Posts: 14,247 moderator
    edited November 18, 2013
    RJMugger wrote: »
    I'm sorry, but I can't find it in the breadcrumb settings. Could you please tell me exactly where to look? I have a new SmugMug site. Thanks.
    • Customize... Customize site...
    • Click on either All Folders or All Galleries
    • Hover over the breadcrumb and select the wrench icon
    • Change the setting for "Emphasize current page".
    --- Denise
    https://www.denisegoldberg.com ... https://denise.smugmug.com

    Musings & ramblings at https://denisegoldberg.blogspot.com
  • Options
    RJMuggerRJMugger Registered Users Posts: 13 Big grins
    edited November 18, 2013
    denisegoldberg wrote: »
    • Customize... Customize site...
    • Click on either All Folders or All Galleries
    • Hover over the breadcrumb and select the wrench icon
    • Change the setting for "Emphasize current page".
    --- Denise

    I'm sorry, I wasn't clear. I know how to toggle between normal font and very large font for the current page in the breadcrumb. The very large font is too large for me. I want to be able to "emphasize current page" in the menu, but to specify the font exactly, say with a CSS "font-size: --px;" command. Thanks.
  • Options
    denisegoldbergdenisegoldberg Administrators Posts: 14,247 moderator
    edited November 18, 2013
    RJMugger wrote: »
    I'm sorry, I wasn't clear. I know how to toggle between normal font and very large font for the current page in the breadcrumb. The very large font is too large for me. I want to be able to "emphasize current page" in the menu, but to specify the font exactly, say with a CSS "font-size: --px;" command. Thanks.
    Try adding this to your CSS: 
    .sm-user-ui h1 { font-size: 125%; }
    Adjust the size as desired.

    --- Denise
    https://www.denisegoldberg.com ... https://denise.smugmug.com

    Musings & ramblings at https://denisegoldberg.blogspot.com
  • Options
    RJMuggerRJMugger Registered Users Posts: 13 Big grins
    edited November 18, 2013
    denisegoldberg wrote: »
    Try adding this to your CSS: 
    .sm-user-ui h1 { font-size: 125%; }
    Adjust the size as desired.

    --- Denise

    Thanks! Very nice.
  • Options
    AceCo55AceCo55 Registered Users Posts: 950 Major grins
    edited November 19, 2013
    Hmm - I can't get it to take.
    Customise > Entire site > CSS content block > ...... > Done > Publish
    No change for me

    If I can get it to work I would also like the current page name to be coloured #fe7c00

    As always ... thanks for any help
    My opinion does not necessarily make it true. What you do with my opinion is entirely up to you.
    www.acecootephotography.com
  • Options
    kyllitedrekyllitedre Registered Users Posts: 24 Big grins
    edited January 23, 2014
    denisegoldberg wrote: »
    Try adding this to your CSS: 
    .sm-user-ui h1 { font-size: 125%; }
    Adjust the size as desired.

    --- Denise

    Thank you so much!
Sign In or Register to comment.