change breadcrumb colors

jdwl · August 6, 2013

hi, is there a way to change the breadcrumb colour of the current gallery?
on my old site I have the gallery I am currently in, in orange?

jdwl · August 16, 2013

jdwl wrote: »

hi, is there a way to change the breadcrumb colour of the current gallery?
on my old site I have the gallery I am currently in, in orange?

no one knows?

pmbpro · August 17, 2013

Ack! I was looking for the same thing, searching on this forum when I found your thread. I sure hope there's a code for it. I'd like the current gallery's name emphasized somehow (instead of the giant font size my theme has, as a default).

Hikin' Mike · August 17, 2013

pmbpro wrote: »

Ack! I was looking for the same thing, searching on this forum when I found your thread. I sure hope there's a code for it. I'd like the current gallery's name emphasized somehow (instead of the giant font size my theme has, as a default).

Try this:

.sm-breadcrumb .sm-breadcrumb-item {
    font-weight: bold;
    color: #f00 !important;
    }

I guess that changed the separators too, so you can change the colors of the separators...

.sm-breadcrumb .sm-breadcrumb-separator .sm-fonticon {
    color: #D8DADE;
    }

pmbpro · August 17, 2013

Hikin' Mike wrote: »
Try this:
.sm-breadcrumb .sm-breadcrumb-item {
    font-weight: bold;
    color: #f00;
    }
Change the color to suit.

Thanks Mike, but for some reason it didn't work for me. I'm using the Moss theme, and I tied this code in the CSS block for Entire Site, then I also tried it in the other ways (Folders, and Galleries). I even tried it in the Advanced CSS section for the Theme itself. None of these worked. I'm not sure why it's not working...

Thanks for posting this code though. I'll keep trying, in case I missed something...

Hikin' Mike · August 17, 2013

pmbpro wrote: »

Thanks Mike, but for some reason it didn't work for me. I'm using the Moss theme, and I tied this code in the CSS block for Entire Site, then I also tried it in the other ways (Folders, and Galleries). I even tried it in the Advanced CSS section for the Theme itself. None of these worked. I'm not sure why it's not working...

Thanks for posting this code though. I'll keep trying, in case I missed something...

I posted an edited version.

pmbpro · August 17, 2013

Hmmm.. it still didn't work for me. I'd also tried it with the "Emphasize Current Page" turned on and turned off in the Breadcrumbs settings. Could it be that it may not work with my theme (Moss)? Thanks for posting the codes though. :-)

Hikin' Mike · August 18, 2013

pmbpro wrote: »

Hmmm.. it still didn't work for me. I'd also tried it with the "Emphasize Current Page" turned on and turned off in the Breadcrumbs settings. Could it be that it may not work with my theme (Moss)? Thanks for posting the codes though. :-)

I'm using a custom breadcrumb, so I don't know.

pmbpro · August 18, 2013

Hikin' Mike wrote: »

I'm using a custom breadcrumb, so I don't know.

Me too. I just figured it was something about my theme, but then...
I deleted my Breadcrumbs block I originally had from the Entire Site layer, then I dragged a fresh one back onto the page. I then added your code and it worked!!

I have NO idea why that would have made any difference, but I won't dwell on it.

!

Thank you again for your help with this!

change breadcrumb colors

Comments