Breadcrumb Content Block Update / Customization Issues

RichardRichard Administrators, Vanilla Admin Posts: 19,893 moderator
edited January 6, 2016 in SmugMug Product News
The breadcrumb is occupying a separate line for each level. The only CSS I have used is to hide it for visitors, which does still work. Was this what you intended? It looks weird to me. :scratch

i-hzs5wrs-XL.jpg

Comments

  • leftquarkleftquark Registered Users, Retired Mod Posts: 3,784 Many Grins
    edited January 5, 2016
    For me I had to change my ".sm-breadcrumb" code to be ".sm-breadcrumbs" (with an S on the end) and that got rid of the issue. Testing it on yours, it looks like it works as well.
    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
  • RichardRichard Administrators, Vanilla Admin Posts: 19,893 moderator
    edited January 5, 2016
    nod.gif That fixed it. Thanks for the quick response thumb.gif.
  • AceCo55AceCo55 Registered Users Posts: 950 Major grins
    edited January 6, 2016
    Hi Aaron
    Sorry if this is not the place to report this

    I was given this code:
    /*enhance the last entry of breadcrumb */
    .sm-user-ui .sm-breadcrumb-item h1 {
    color: #fbd713;
    font-size: 18px;
    }

    The colour is being ignored - it is just white like the rest of the breadcrumb
    The last entry is huge and if I change the font-size number - nothing changes.

    I added !important; (to color and font-size) .......... but still no change


    EDIT: THE SOLUTION - Thanks to Denise

    Had to change this: .sm-user-ui .sm-breadcrumb-item h1 {
    To this: .sm-user-ui .sm-breadcrumb-item h1 {
    My opinion does not necessarily make it true. What you do with my opinion is entirely up to you.
    www.acecootephotography.com
  • RichardRichard Administrators, Vanilla Admin Posts: 19,893 moderator
    edited January 6, 2016
    I suspect the solution can be found somewhere in this thread: http://dgrin.com/showthread.php?t=256637

    Note to Aaron: Maybe start a thread specifically titled breadcrumb problems. I think the relevant stuff is out there, but it's buried in several different threads.
  • AceCo55AceCo55 Registered Users Posts: 950 Major grins
    edited January 6, 2016
    Richard wrote: »
    I suspect the solution can be found somewhere in this thread: http://dgrin.com/showthread.php?t=256637

    Note to Aaron: Maybe start a thread specifically titled breadcrumb problems. I think the relevant stuff is out there, but it's buried in several different threads.

    Yes, thanks Richard.
    That did the trick ... Denise had the change I needed.
    I have update my post (above) to show the solution.
    My opinion does not necessarily make it true. What you do with my opinion is entirely up to you.
    www.acecootephotography.com
  • leftquarkleftquark Registered Users, Retired Mod Posts: 3,784 Many Grins
    edited January 6, 2016
    FYI: I've moved all the breadcrumb related posts to their own thread, per the suggestion above. Good idea!
    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
  • AllenAllen Registered Users Posts: 10,007 Major grins
    edited January 6, 2016
    AceCo55 wrote: »
    Hi Aaron
    Sorry if this is not the place to report this

    I was given this code:
    /*enhance the last entry of breadcrumb */
    .sm-user-ui .sm-breadcrumb-item h1 {
    color: #fbd713;
    font-size: 18px;
    }

    The colour is being ignored - it is just white like the rest of the breadcrumb
    The last entry is huge and if I change the font-size number - nothing changes.

    I added !important; (to color and font-size) .......... but still no change


    EDIT: THE SOLUTION - Thanks to Denise

    Had to change this: .sm-user-ui .sm-breadcrumb-item h1 {
    To this: .sm-user-ui .sm-breadcrumb-item h1 {
    I removed the -item to got it to work.
    .sm-breadcrumb-item h1 {...
    like this
    .sm-breadcrumb h1 {...

    Each breadcrumb li has a class of .sm-breadcrumb now.
    The gallery title is in <h1>
    <div id="sm-page-widget-Gz8zDMLx" class="sm-page-widget 
                   sm-page-widget-breadcrumb .....
    ...
       <ul class="sm-breadcrumb[COLOR="Red"]s[/COLOR]" ....
         <li....
          ....
         <li....
         <li class="sm-breadcrumb" data-reactid=".0.0.$4">
            <h1 data-reactid=".0.0.$4.1">[COLOR=Red]gallery title[/COLOR]</h1></li>
       </ul>
    
    Al - Just a volunteer here having fun
    My Website index | My Blog
  • AceCo55AceCo55 Registered Users Posts: 950 Major grins
    edited January 6, 2016
    Thanks Allen
    I'm at a lower level than noob when it comes to css ... but I do read all of your posts and some it actually makes sense to me.
    So a grand achievement on your part to teach anything to this feeble mind!!! thumb.gif
    My opinion does not necessarily make it true. What you do with my opinion is entirely up to you.
    www.acecootephotography.com
  • leftquarkleftquark Registered Users, Retired Mod Posts: 3,784 Many Grins
    edited January 6, 2016
    Some good discussion here too, for people keeping track: http://www.dgrin.com/showthread.php?t=256637
    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
Sign In or Register to comment.