Smugmug update - Gallery title?

AllenAllen Registered Users Posts: 10,013 Major grins
edited January 6, 2016 in SmugMug Support
Today I noticed that all my gallery titles in the breadcrumb are no longer the color they were yesterday.
Was there an update that makes my CSS no longer applicable?

Any other changes that might affect CSS?

This is what I had in "entire site".

.sm-user-ui .sm-breadcrumb-item h1 {
color: gold;
font-size: 28px;
}

Looks like .sm-breadcrumb-item was changed to .sm-breadcrumb
<li class="sm-breadcrumb" data-reactid=".0.0.$4"><h1 data-reactid=".0.0.$4.1">2015-12-08 SW Missouri</h1></li>
Al - Just a volunteer here having fun
My Website index | My Blog

Comments

  • denisegoldbergdenisegoldberg Administrators Posts: 14,383 moderator
    edited January 5, 2016
    Based on your post I took a look at my site. The CSS I had to alter the title in the breadcrumb (which looked like yours) no longer was working. I was able to fix it by changing to
    .sm-breadcrumb h1 { ... }
    It's a shame that the size doesn't seem to be controllable by a setting in the breadcrumb element.

    --- Denise
  • JtringJtring Registered Users Posts: 675 Major grins
    edited January 5, 2016
    Looks like you'll need to change sm-breadcrumb-item to sm-breadcrumb. I just had to patch my CSS. The SM CSS looks rather different. Something's afoot.
    Jim Ringland . . . . . jtringl.smugmug.com
  • JtringJtring Registered Users Posts: 675 Major grins
    edited January 5, 2016
    I'm also seeing some font changes from Roboto to Consolas. It looks like has SM has the following CSS Code which is not always being overridden when I'd like. On the page in question, it's even messing up the buttons in the SM header. I don't have time now to debug whether it's my CSS (there is some page-specific CSS there) or something at SM, but I will report back later.
    span {
        font-family: "Consolas";
        font-size: 10pt;
        color: #000;
    }
    
    Jim Ringland . . . . . jtringl.smugmug.com
  • leftquarkleftquark Registered Users, Retired Mod Posts: 3,784 Many Grins
    edited January 5, 2016
    We pushed an under-the-hood update to the Breadcrumb Content Block yesterday. It was supposed to have been a transparent update but it looks like some of the CSS structure changed a bit as part of the updated content block. I had to update my own CSS. In the future I'll make sure to be more aware of these things and do my best to make sure we keep the CSS structure intact, when it can.
    Jtring wrote: »
    I'm also seeing some font changes from Roboto to Consolas. It looks like has SM has the following CSS Code which is not always being overridden when I'd like.
    span {
        font-family: "Consolas";
        font-size: 10pt;
        color: #000;
    }
    

    As far as I can tell, at least from the page you linked, you've added the Consolas font somewhere, and it also looks like there's some clashing CSS that's causing some of your HTML blocks to not display, and mess up the font formatting of the page (just going into the customizer from there had some interesting fonts/colors). I can help debug if you'd like, just let me know!
    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
  • JtringJtring Registered Users Posts: 675 Major grins
    edited January 5, 2016
    leftquark wrote: »
    I can help debug if you'd like, just let me know!

    No need. It was the usual problem: user error.

    (If anybody want an explanation, here it is, but don't ask me to explain the explanation! The blocks on that page are HTML exports of CSS code from Notepad++, except I usually remove some inline CSS style information that Notepad++ "helpfully" writes. I forgot to do so this morning when I posted the update associated with the little sm-breadcrumb issue, and it caused all sorts of amusing conflicts.)
    Jim Ringland . . . . . jtringl.smugmug.com
  • pilotdavepilotdave Registered Users Posts: 785 Major grins
    edited January 5, 2016
    leftquark wrote: »
    We pushed an under-the-hood update to the Breadcrumb Content Block yesterday. It was supposed to have been a transparent update but it looks like some of the CSS structure changed a bit as part of the updated content block.

    This is the code I previously used to change the name of the current page in the breadcrumb:

    .sm-breadcrumb li:nth-child(3) h1 {
    visibility: hidden;
    position:relative;
    }

    .sm-breadcrumb li:nth-child(3) h1:after {
    display:inline-block;
    position: absolute;
    top: 0;
    left: 0;
    content: "Explore";
    visibility:visible;
    }

    Can you help get this working again? I like the /browse page to be called "Explore" and the /keyword page to say "Keywords" for example.

    Dave
  • leftquarkleftquark Registered Users, Retired Mod Posts: 3,784 Many Grins
    edited January 5, 2016
    pilotdave wrote: »
    This is the code I previously used to change the name of the current page in the breadcrumb:

    .sm-breadcrumb li:nth-child(3) h1 {
    visibility: hidden;
    position:relative;
    }

    .sm-breadcrumb li:nth-child(3) h1:after {
    display:inline-block;
    position: absolute;
    top: 0;
    left: 0;
    content: "Explore";
    visibility:visible;
    }

    Can you help get this working again? I like the /browse page to be called "Explore" and the /keyword page to say "Keywords" for example.

    Dave

    Looks like all you need to do is add an "s" to .sm-breadcrumb and change the 3rd child to the 2nd. Simple but super sneaky :/
    .sm-breadcrumbs li:nth-child(2) h1  {
    visibility: hidden;
      position:relative;
    }
    
    .sm-breadcrumbs li:nth-child(2) h1:after {
    display:inline-block;
     position: absolute;
      top: 0;
      left: 0;
       content: "Explore";
       visibility:visible;
    }
    
    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
  • AceCo55AceCo55 Registered Users Posts: 950 Major grins
    edited January 6, 2016
    Can anyone help me with the changes needed to my code?
    This is what is was before the new Breadcrumb Content Block update.

    /*enhance the last entry of breadcrumb */
    .sm-user-ui .sm-breadcrumb-item h1 {
    color: #fbd713;
    font-size: 18px;
    }
    My opinion does not necessarily make it true. What you do with my opinion is entirely up to you.
    www.acecootephotography.com
  • denisegoldbergdenisegoldberg Administrators Posts: 14,383 moderator
    edited January 6, 2016
    AceCo55 wrote: »
    Can anyone help me with the changes needed to my code?
    This is what is was before the new Breadcrumb Content Block update.

    /*enhance the last entry of breadcrumb */
    .sm-user-ui .sm-breadcrumb-item h1 {
    color: #fbd713;
    font-size: 18px;
    }
    I suspect the same change I made will work for you. Instead of the start of your CSS, I used:
    .sm-breadcrumb h1 { ... }
    
    --- Denise
  • AceCo55AceCo55 Registered Users Posts: 950 Major grins
    edited January 6, 2016
    I suspect the same change I made will work for you. Instead of the start of your CSS, I used:
    .sm-breadcrumb h1 { ... }
    
    --- Denise

    Aaaahh Denise - my guardian angel again!

    Worked perfectly!

    Thankyou thumb.gif
    My opinion does not necessarily make it true. What you do with my opinion is entirely up to you.
    www.acecootephotography.com
  • pilotdavepilotdave Registered Users Posts: 785 Major grins
    edited January 6, 2016
    leftquark wrote: »
    Looks like all you need to do is add an "s" to .sm-breadcrumb and change the 3rd child to the 2nd. Simple but super sneaky :/
    .sm-breadcrumbs li:nth-child(2) h1  {
    visibility: hidden;
      position:relative;
    }
    
    .sm-breadcrumbs li:nth-child(2) h1:after {
    display:inline-block;
     position: absolute;
      top: 0;
      left: 0;
       content: "Explore";
       visibility:visible;
    }
    

    Thanks! I'll try that tonight.

    Dave
  • leftquarkleftquark Registered Users, Retired Mod Posts: 3,784 Many Grins
    edited January 6, 2016
    For any (other) breadcrumb related items, please see http://www.dgrin.com/showthread.php?t=256653, though this thread might be the best place for people to turn for answers.
    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.