change breadcrumb colors

jdwljdwl Registered Users Posts: 172 Major grins
edited August 18, 2013 in SmugMug Customization
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?

Comments

  • jdwljdwl Registered Users Posts: 172 Major grins
    edited 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? ne_nau.gif
  • pmbpropmbpro Registered Users Posts: 236 Major grins
    edited 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). ne_nau.gif
    pmb images
    Film/TV Stills Photography
    "When your work speaks for itself, don't interrupt." ~ Henry J. Kaiser
  • Hikin' MikeHikin' Mike Registered Users Posts: 5,467 Major grins
    edited 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). ne_nau.gif

    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;
        }
    
  • pmbpropmbpro Registered Users Posts: 236 Major grins
    edited August 17, 2013
    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... headscratch.gif

    Thanks for posting this code though. I'll keep trying, in case I missed something...
    pmb images
    Film/TV Stills Photography
    "When your work speaks for itself, don't interrupt." ~ Henry J. Kaiser
  • Hikin' MikeHikin' Mike Registered Users Posts: 5,467 Major grins
    edited 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... headscratch.gif

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

    I posted an edited version.
  • pmbpropmbpro Registered Users Posts: 236 Major grins
    edited 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. :-)
    pmb images
    Film/TV Stills Photography
    "When your work speaks for itself, don't interrupt." ~ Henry J. Kaiser
  • Hikin' MikeHikin' Mike Registered Users Posts: 5,467 Major grins
    edited 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. ne_nau.gif
  • pmbpropmbpro Registered Users Posts: 236 Major grins
    edited August 18, 2013
    I'm using a custom breadcrumb, so I don't know. ne_nau.gif

    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!! clap.gif

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

    Thank you again for your help with this! thumb.gif
    pmb images
    Film/TV Stills Photography
    "When your work speaks for itself, don't interrupt." ~ Henry J. Kaiser
Sign In or Register to comment.