Titles in Smugmug

FattyMattyFattyMatty Registered Users Posts: 3 Beginner grinner
edited November 12, 2014 in SmugMug Customization
Hi there,

Is it possible to move the position and appearance of titles applied to photos in a Smugmug gallery?
Many thanks!

FM

Comments

  • denisegoldbergdenisegoldberg Administrators Posts: 14,373 moderator
    edited November 2, 2014
    It's very difficult to help without a link to your site and an explanation of exactly what you want to change.

    You could start by looking at the customizations that leftquark has published to change items on smugmug-style galleries - http://www.aaronmphotography.com/Customizations/Gallery/SM-Layout. There is a customization on that page that changes the width of the caption but I suspect based on your question it is not exactly what you are after. What kind of change do you want to make to the photo titles?

    You can easily add a link to your site in your signature here. Click the clipboard icon above, then Edit Signature. Begin your link with http:// to make it clickable.

    --- Denise
  • leftquarkleftquark Registered Users, Retired Mod Posts: 3,784 Many Grins
    edited November 4, 2014
    Hi Matthew,
    As Denise mentioned, would you be able to provide a link to the gallery that you're looking to customize? I found a number of galleries on your site (http://www.matthewjleemanphotography.com/) but was unable to find any galleries that displayed the Title. I can whip up some CSS code for you if you'd be more specific about where you'd like to move them and how you would like to change their appearance.
    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
  • AllenAllen Registered Users Posts: 10,013 Major grins
    edited November 4, 2014
    Perhaps the OP is confusing the caption with the title. If these came over from Legacy there would be no title I think.
    Al - Just a volunteer here having fun
    My Website index | My Blog
  • FattyMattyFattyMatty Registered Users Posts: 3 Beginner grinner
    edited November 11, 2014
    http://www.matthewjleemanphotography.com/Other/Landscapes/North-Norfolk-Coast/
    leftquark wrote: »
    Hi Matthew,
    As Denise mentioned, would you be able to provide a link to the gallery that you're looking to customize? I found a number of galleries on your site (http://www.matthewjleemanphotography.com/) but was unable to find any galleries that displayed the Title. I can whip up some CSS code for you if you'd be more specific about where you'd like to move them and how you would like to change their appearance.

    http://www.matthewjleemanphotography.com/Other/Landscapes/North-Norfolk-Coast/

    Hi - thanks for your reply and apologies for my tardiness in following up. Listed above is a link to a gallery with titles. The issue is I would like the title to appear either directly above the pictures or directly below it. Currently it appears on a line below the <share> and <info> links etc, which loses relevance I feel.

    While we are at it, is there a way to move the purchase icons on a Portrait style gallery, as these seem pretty intrusive too?

    Many thanks in advance for your time and help. It is very much appreciated.

    Best, Matthew
  • leftquarkleftquark Registered Users, Retired Mod Posts: 3,784 Many Grins
    edited November 11, 2014
    Hi Matthew,
    Excellent question but unfortunately the answer is going to be a bit more complicated than you'd like.

    We can use some CSS to move the title up:
    /* Move the titles and captions up */
    .sm-gallery-image-container .sm-tile-info .sm-tile-title {
      position: relative;
      top: -90px;
    }
    

    However, the number of pixels to move it up will depend on the size of the window. You'd have to wrap this in a bunch of @media calls for different window sizes to make it look right in multiple browser sizes :( You can get more info on it here: http://www.aaronmphotography.com/Customizations/Sitewide/Screen-Width-Customizations
    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
  • FattyMattyFattyMatty Registered Users Posts: 3 Beginner grinner
    edited November 12, 2014
    leftquark wrote: »
    Hi Matthew,
    Excellent question but unfortunately the answer is going to be a bit more complicated than you'd like.

    We can use some CSS to move the title up:
    /* Move the titles and captions up */
    .sm-gallery-image-container .sm-tile-info .sm-tile-title {
      position: relative;
      top: -90px;
    }
    

    However, the number of pixels to move it up will depend on the size of the window. You'd have to wrap this in a bunch of @media calls for different window sizes to make it look right in multiple browser sizes :( You can get more info on it here: http://www.aaronmphotography.com/Customizations/Sitewide/Screen-Width-Customizations

    OK, thanks. How would I move the titles just for this gallery then? Sorry, but I don't know where (or how!) to insert the code you kindly provided above. Rgds, Matthew
Sign In or Register to comment.