Technical Doc on CSS in New SmugMug

WeiPhotoArts

Is there any technical documentation for the new SmugMug CSS? Many of you gurus seem to know the technical class and objects and other items, like
.sm-user-ui .sm-page-home .sm-page-widget-nav

Where can I find a list of all items--and explanations of their use?

Thanks in advance for pointing me in the right direction.

TomRoper

WeiPhotoArts wrote: »

Is there any technical documentation for the new SmugMug CSS? Many of you gurus seem to know the technical class and objects and other items, like
.sm-user-ui .sm-page-home .sm-page-widget-nav

Where can I find a list of all items--and explanations of their use?

Thanks in advance for pointing me in the right direction.

I'm not aware of any official documentation on the CSS layout but that said there are quite a number posts with hacks for changing various items. Many of which comes from using Web Developer Tool or FireBug, etc. to view the website and find what classes control the element you want to change. Some knowledge of CSS is very helpful. Keep digging in, you'll get it.

denisegoldberg

Not what you're asking about but... take a look at the sticky Useful customization links.

For some CSS classes in the new smug, go to http://www.smugocity.com/.

--- Denise

KevinP

1. Anyone know why SmugMug does not surface full documentation of all available SmugMug CSS selectors?
2. I've found some great SmugMug customization resources, but wonder what tools people are using to "discover" the available SmugMug CSS selectors?

denisegoldberg

KevinP wrote: »

...what tools people are using to "discover" the available SmugMug CSS selectors?

You can use the developer tools in Chrome, Web Developer in Firefox, or Firebug. There may be others as well.

--- Denise

leftquark

denisegoldberg wrote: »

You can use the developer tools in Chrome, Web Developer in Firefox, or Firebug. There may be others as well.

--- Denise

+1 for "Developer Tools in Chrome". I find it works better than Firefox/Safari's built in tools!