Options

Template customization - buttons

BancofcalBancofcal Registered Users Posts: 5 Beginner grinner
edited December 21, 2014 in SmugMug Customization
Is there a way to increase the size and location of the share, like and download buttons? Also, on my homepage (photos.bancofcal.com) the thumbnails when clicked they go directly to that photo in large format, I thought I had clicked to go to gallery, which I would assume would have been the first photo in the gallery? How can I change that?

Comments

  • Options
    annnna8888annnna8888 Registered Users, Super Moderators Posts: 936 SmugMug Employee
    edited December 10, 2014
    You might want to look at this tutorial on how to add labels to share, download and other icons:
    http://www.aaronmphotography.com/Customizations/Gallery/Add-Icon-Labels

    If you set "Action on click" to "Go to gallery", you will be taken to that image in the gallery, but depending on the gallery style, the photo might first open in the lightbox, and when you close that, you'll be in the gallery.

    Ana
    SmugMug Support Hero
    Ana
    SmugMug Support Hero Manager
    My website: anapogacar.smugmug.com
  • Options
    BancofcalBancofcal Registered Users Posts: 5 Beginner grinner
    edited December 10, 2014
    Hi annnna8888!

    Thank you for your response. I was able to change the homepage format so that I can have each photo thumbnail click to their respective gallery. Works great.

    As for the buttons, that tutorial was very helpful. I am wondering if in that same code, I could adjust the size of the icons?
  • Options
    leftquarkleftquark Registered Users, Retired Mod Posts: 3,784 Many Grins
    edited December 21, 2014
    You can change the size of the words by changing the "font-size: 95%;" code to something else like "font-size: 24px;".

    To change the size of the icons you can use the following code:
    /* Change the font sizeof the icons below the photo */
    .sm-fonticon-ThumbsUp, .sm-fonticon-Wrench,
    .sm-fonticon-InfoEncircled, .sm-fonticon-Download {
      font-size: 35px !important;
    }
    
    
    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.