where to find those actual variable names for New Smugmug?

gschlact

many of the tweaks just require a handful of CSS / HTML code but the KEY is knowing the proper SmugMug variables controlling the behavior.

Is there an online reference manual with all the variables for the different parts of the website that we display? I can't seem to find it.

FOr example, I would have preferred to lookup some of these variables, where could I have found them? (the .sm ones referencing the type of user as well as the #variable

#ShareGetALink { display:none; }
.sm-user-owner.sm-user-loggedin #ShareGetALink { display:block; }

#ShareEmail { display:none; }
.sm-user-owner.sm-user-loggedin #ShareEmail { display:block; }

/* *********************************/

/* ********** SLIDESHOW ***************/
.sm-slideshow{
background:#222;
}

denisegoldberg

You'll need to use tools like Developer Tools on Chrome or Web Developer on Firefox to see the names of the elements on the screen.

You might take a look at leftquark's customization page for some existing published customizations - http://www.aaronmphotography.com/Customizations.

You may find that you don't need as much CSS in new smug as you did in legacy. I'd recommend starting building your site and then identifying the things you want to change. Do not assume that you need the equivalent of the CSS that you had in your legacy site.

--- Denise