Smugmug update - Gallery title?

Allen · January 5, 2016

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>

denisegoldberg · 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

Jtring · 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.

Jtring · 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;
}

leftquark · 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!

Jtring · 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.)

pilotdave · 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

leftquark · 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;
}

AceCo55 · 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;
}

denisegoldberg · 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

AceCo55 · January 6, 2016

denisegoldberg wrote: »
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

pilotdave · 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

leftquark · 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.

Smugmug update - Gallery title?

Comments