Short URL:
  • Tutorials
  • Gear Reviews
  • Book Reviews
  • Challenges
  • Galleries
  • Forums
Digital Grin  > Tutorials > SmugMug - Site Stuff > How To Use The Firefox Web Developer Tool to Customize your Site
Firefox and the Firefox Web Developer Extension is something that everyone who wants to customize their SmugMug site should have.

"I have downloaded and installed them both. Uhhhhhhh..... what now?"
This tutorial is for you! I will go over two basic functions from the web developer extension, and explain them how to use them. If you understand those two functions, designing your site will become a lot easier.
gallery pages:  <  1  2  
EXAMPLEI want to change the color of the name of the active gallery on top of my page.Using 'display element information' we find that it has a class 'title' and it's ancestor is 'breadcrumb' (for this purpose you can ignore span's)Remember to put both the ID and the class in your CSS, only the class would change all elements on the page that are classed 'title'.More questions? Want to discuss? Go to Dgrin Forums.
EXAMPLE

I want to change the color of the name of the active gallery on top of my page.

Using 'display element information' we find that it has a class 'title' and it's ancestor is 'breadcrumb' (for this purpose you can ignore span's)

Remember to put both the ID and the class in your CSS, only the class would change all elements on the page that are classed 'title'.

More questions? Want to discuss? Go to Dgrin Forums.
gallery pages:  <  1  2  
Photo Website Hosting by SmugMug Pro · Login · Contact · Help · Portions © 2013 SmugMug, Inc.
Show FeedsAvailable Feeds
Gallery Photos:
Atom FeedAtom | RSS FeedRSS
Comments | Info | Keywords

| hide gallery comments

New comment: Requires approval

Name: 
Email: 
Link: 


Rating: stars
To foil spammers, enter this code: copy this text in this box: Code unreadable?