Making changes to "titles" in lightbox

AceCo55AceCo55 Registered Users Posts: 950 Major grins
edited April 14, 2015 in SmugMug Customization
I have tried to add the css code to change the title colour and font size of the titles in lightbox using the code here: http://www.aaronmphotography.com/Customizations/Lightbox/Photo-Title-and-Captions
I have added the code to the "Gallery"css, but I have no idea where I need to go to add the code to the "Lightbox"

Some background on my second issue:
Too often people will tell me they want photo "number 27" from a gallery rather than telling me the actual file name - which is what I need to locate it quickly on my hard disk. The actual filename is not visible without scrolling - at least on my 15" laptop screen. I'm trying to get people to realise that the filename what I need rather than which file number in that gallery.

So some possible solutions?
1) add a generic/default title that reads "When ordering photos please use the file name BELOW"
That's why I wanted some contol over the title colour and size
2) is it possible to move the filename onto the same line/level as the "<Photo 1/68>". Say move this left and the filename on the right?
3) any other suggestions on how I can get people to focus on the actual filename rather than the photo number in a particular gallery?

Thank you for any advice/help
My opinion does not necessarily make it true. What you do with my opinion is entirely up to you.
www.acecootephotography.com

Comments

  • denisegoldbergdenisegoldberg Administrators Posts: 14,373 moderator
    edited April 14, 2015
    AceCo55 wrote: »
    I have tried to add the css code to change the title colour and font size of the titles in lightbox using the code here: http://www.aaronmphotography.com/Customizations/Lightbox/Photo-Title-and-Captions
    I have added the code to the "Gallery"css, but I have no idea where I need to go to add the code to the "Lightbox"
    I believe you have two choices - you can add the CSS to your theme or you can add it to a CSS box on Entire Site. Both chunks of CSS from the page you referenced can go in the same place.

    To add it to your theme:
    • Customize
    • Content and Design
    • Entire Site
    • Theme
    • Edit
    • Click Advanced Tab
    • scroll to bottom and Edit CSS
    --- Denise
  • AceCo55AceCo55 Registered Users Posts: 950 Major grins
    edited April 14, 2015
    Thanks Denise! Very much appreciated - as usual!!!

    I tried adding both codes to All Galleries = no change
    I tried adding both codes to the theme as you showed above = no change

    The only place I am testing this (as it is the only gallery with titles) is:
    http://www.acecootephotography.com/Kingston-Netball/Netball-A-Grade/N-AGrade-Round-1-v-Mundulla/
    The font size is way too big for me but I'm doing something wrong because it remains the same size.
    I have turned off titles in the lightbox options but it still shows here --- whether I am logged in or not.

    Any suggestions on how I get people to give me the file name rather than the photo number of a particular gallery?
    My opinion does not necessarily make it true. What you do with my opinion is entirely up to you.
    www.acecootephotography.com
  • denisegoldbergdenisegoldberg Administrators Posts: 14,373 moderator
    edited April 14, 2015
    AceCo55 wrote: »
    Thanks Denise! Very much appreciated - as usual!!!

    I tried adding both codes to All Galleries = no change
    I tried adding both codes to the theme as you showed above = no change

    The only place I am testing this (as it is the only gallery with titles) is:
    http://www.acecootephotography.com/Kingston-Netball/Netball-A-Grade/N-AGrade-Round-1-v-Mundulla/
    The font size is way too big for me but I'm doing something wrong because it remains the same size.
    I have turned off titles in the lightbox options but it still shows here --- whether I am logged in or not.

    Any suggestions on how I get people to give me the file name rather than the photo number of a particular gallery?
    I don't see any titles or captions in the lightbox in that gallery - I only see it under the photo as shown in SmugMug style. When I click on the photo to open lightbox I see no title / caption.

    --- Denise
  • AceCo55AceCo55 Registered Users Posts: 950 Major grins
    edited April 14, 2015
    Aaah haaaaaaa!!!!!!! Oh Denise, I am SO sorry to have lead you on a wild goose chase.
    Sometimes my stupidity completely overwhelms me!!!!:thwak

    Oh boy, do I feel like an idiot!!11doh.gif

    Forget everything I have EVER said about lightbox and replace it with Smugmug style

    Can we start again???
    Is there a way to format the title in the Smugmug gallery style?
    Can some-one modify this code?

    /* Change the title font */
    .sm-tile-title {
    color: #F2F4F8 !important; /* Set the title color to off-white */
    font-size: 12px; /* Set the font size */
    }

    /* Change Lightbox Title */
    .sm-lightbox-basic .yui3-widget-ft .sm-lightbox-title {
    color: #F2F4F8 !important;
    font-size: 12px;
    }




    Also is there are way to enter default text for every photo title that I upload (rather than doing it gallery by gallery). I want to let people know they need to give me the filename and not the photo number of the photo in that gallery.
    ... or ... some other brilliant way to get people to use the filename rather than the photo number of the gallery? eg can I move the filename up to the same level as the photo number? Is there a better way?
    My opinion does not necessarily make it true. What you do with my opinion is entirely up to you.
    www.acecootephotography.com
  • denisegoldbergdenisegoldberg Administrators Posts: 14,373 moderator
    edited April 14, 2015
    AceCo55 wrote: »
    Is there a way to format the title in the Smugmug gallery style?
    Can someone modify this code?
    Here's a start:
    p.sm-tile-title {
         color: #F2F4F8 !important; /* Set the title color to off-white */
         font-size: 12px; /* Set the font size */ 
     }
    .sm-tile-info { 
         color: red !important ;
         font-weight: bold ;
     }
    
    The first pieces of code targets the top line of text, the second targets the file name.

    Warning - I assume this will change other items on your site as well.

    oh crap! I just tried this code again and the first piece didn't work this time. I tried both with and without the p.
    The .sm-tile-info line continued to work for the file name but the title didn't change the second time I tried the code.
    Someone more versed than I am in CSS and smug will need to jump in here.

    --- Denise
  • denisegoldbergdenisegoldberg Administrators Posts: 14,373 moderator
    edited April 14, 2015
    AceCo55 wrote: »
    Also is there are way to enter default text for every photo title that I upload (rather than doing it gallery by gallery). I want to let people know they need to give me the filename and not the photo number of the photo in that gallery.
    I've been entering keywords and sometimes titles / captions in lightroom before I export the files and upload to smug. If I select all of the photos I can apply these in bulk mode.

    Do you use lightroom or a similar tool that allows editing the metadata for the photo?

    --- Denise
  • AceCo55AceCo55 Registered Users Posts: 950 Major grins
    edited April 14, 2015
    Oh Denise! - thank you SO much for putting up with this old fool.
    I REALLY appreciate the time you have given up to try and help me.
    You are such a generous person with your time and expertise. I hope good karma keeps coming your way!!!

    Maybe one of the other coders will see this and be able to suggest something.
    My opinion does not necessarily make it true. What you do with my opinion is entirely up to you.
    www.acecootephotography.com
  • AceCo55AceCo55 Registered Users Posts: 950 Major grins
    edited April 14, 2015
    OK for anyone who wants to remove the title from the Smugmug gallery style, Aaron has the code here:
    http://www.aaronmphotography.com/Customizations/Gallery/Hide-Photo-Title
    My opinion does not necessarily make it true. What you do with my opinion is entirely up to you.
    www.acecootephotography.com
Sign In or Register to comment.