Options

Home button breadcrumb

jwjoljwjol Registered Users Posts: 14 Big grins
edited November 24, 2013 in SmugMug Customization
Is it possible to link te breadcrump home button to 'All Folders' instead of the homepage?
Thanks, JW

Comments

  • Options
    leftquarkleftquark Registered Users, Retired Mod Posts: 3,784 Many Grins
    edited October 21, 2013
    By all folders I think you mean the "/browse" page? No, there isn't :(

    Unfortunately we can't use CSS to change URL's.

    What you could do is to use this CSS code to hide the home icon:
    /* Hide the current breadcrumb home button */
    .sm-breadcrumb .sm-fonticon-Home {
       visibility: hidden;
    }
    

    Then add an HTML/CSS block to the left of your breadcrumb. Set the width to 1% (the smallest it can be). Then add this HTML
    <a href="http://www.jwjol.com/browse">
      <span class="sm-fonticon sm-fonticon-small sm-fonticon-Home"></span>
    </a>
    

    And add this to the CSS:
    .sm-fonticon-Home {
      position: relative;
    [COLOR="Red"]  top: -12px;
      left: 5px;[/COLOR]
    }
    

    You may have to customize the top and left so that it aligns properly on your page.
    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
  • Options
    jwjoljwjol Registered Users Posts: 14 Big grins
    edited October 22, 2013
    That's it! Thank you!
  • Options
    brandofamilybrandofamily Registered Users Posts: 2,013 Major grins
    edited November 24, 2013
    leftquark wrote: »
    By all folders I think you mean the "/browse" page? No, there isn't :(

    Unfortunately we can't use CSS to change URL's.

    What you could do is to use this CSS code to hide the home icon:
    /* Hide the current breadcrumb home button */
    .sm-breadcrumb .sm-fonticon-Home {
       visibility: hidden;
    }
    
    Then add an HTML/CSS block to the left of your breadcrumb. Set the width to 1% (the smallest it can be). Then add this HTML
    <a href="http://www.jwjol.com/browse">
      <span class="sm-fonticon sm-fonticon-small sm-fonticon-Home"></span>
    </a>
    
    And add this to the CSS:
    .sm-fonticon-Home {
      position: relative;
    [COLOR=Red]  top: -12px;
      left: 5px;[/COLOR]
    }
    
    You may have to customize the top and left so that it aligns properly on your page.


    Anyway to CHANGE the home icon itself to another image w/o making another html block?
Sign In or Register to comment.