Step 8 – Create a Gorgeous Photography Website with SmugMug in 90 Minutes

by | 36 comments

Step 8 – Final Customization Tweaks

So, did you complete Step 7 and create your “Work With Me” page?

If you answered “No” – please head back to Step 7 before moving to Step 8.

If you answered “Yes” – Congrats! You're making progress and you're well on your way to a fantastic new website.

If your answer is “What is this crazy guy talking about?” – then you might want to check out this tutorial intro page.

OK.  Let's get this website completed!

In Step 8 I'll show you how to make some final customization tweaks to complete the design of your website.

Take Action!

  • Watch the Step 8 video below (length: 9 minutes)
  • Use the “Advanced Side-wide Custimization” tool in smugmug to do some CSS coding to make some final changes to your site.
    • Copy and paste the code below to make the final changes.
    • IMPORTANT – Remember to change xxxxxx below with the gallery code for your own “Work With Me” page.  The gallery code is the first set of numbers that come after the gallery name in the browser address bar.  As an example, the address for my page is – http://johnnywalkerphotography.smugmug.com/Professional/Work-With-Me/20032763_MbQfT6.  So I would replace the xxxxxx below with 20032763.  Yours will be a different set of numbers for your Work With Me page.

/* Hide breadcrumbs when not logged in */
.notLoggedIn #breadCrumbTrail {display: none;}

/* Hide pageNavigation, Slideshow button, and album navigation for Work With Me gallery */
.gallery_xxxxxx .pageNav {visibility:hidden;}
.gallery_xxxxxx #slideshowButton {display:none;}
.gallery_xxxxxx #albumNav_top {display:none;}

/*Move entire website down the page 50 px*/
#bodyWrapper {padding: 50px;}

/*Change color of H2 (titles for Work With Me Page) to blue*/
H2 {color: #1963AA; !important;}

What's Next?

You're done!!

Seriously.  You now have a killer photography website.

Here's a list of things you can now do:

  • If you enjoyed this tutorial series, post a comment below and be sure to share the link to your new website – I'd love to check it out.
  • Share your new site to the world!  Tell your family, tell your friends, tell your clients…..tell everyone that you are open for business!!
  • If you have the itch to customize your site further, by all means fill your boots.  I suggest you start here on this thread in the dgrin forum.
  • If you are looking to hire a smugmug designer, I recommend these guys….FastLine
  • Watch this BONUS video where I show you a quick way to set your prices so you can start making some $$$ from your wonderful work.
  • Get your own custom domain name (www.mynamephotography.com instead of www.mynamephotography.smugmug.com) at namespro.ca (yes, they sell .com's as well as .ca's and .net's, etc.).

Tip: You generally can't go wrong with “yournamephotography.com”…..

You can check to see if you're domain name is available by entering it in the search box below.  (Despite how the search box below looks, it does indeed work!)  :)


Need to go back to a previous step? Here they all are…

Still Not Quite Sure What This Tutorial is All About?

Visit the main tutorial page which explains the what and the why's of this how-to create a great wedding photography website tutorial.

SmugMug Website Examples – Submit and Vote on Your Favorites

If you're new to SmugMug, be sure to use this link to save 20% on your first year with SmugMug. The following is a list of beautifully designed SmugMug sites created and used by real photographers. Use this list to get inspiration and ideas for your...

Create a Gorgeous Video Slideshow with Photos, Text, and Music – A Step-by-Step Tutorial

Last Updated Feb 13, 2019 In this post, I'm going to show you the step-by-step instructions for creating a high quality, emotionally captivating slideshow video using photos, text, and music. It'll be just like a recipe. I'm going to show you everything from start to...

5 Money Tips for the Self Employed Side Hustle

There are two conflicting rules to live by when it comes to making money for yourself and starting your own business. One rule is to make sure you have everything "in place" before you try to earn your first dollar. Do you have a business plan? Have you...

Don't Worry About Pat Flynn

Sometimes I wander over to Pat's site - Smart Passive Income. That Income Report tracker in the top right corner stares back at me. That is NOT how much Pat made in a year. That's how much Pat made in DECEMBER 2017. One month of net profit. *mouth drops to the floor*...

Equipment Matters – A Camera Buying Guide For Sane People

It always irks me when I hear people say that camera equipment doesn't matter. That "good" artists can use any disposable camera to shoot a great wedding or take their next masterpiece. Then why don't we ever see that?! Pros always use the best equipment...

Pinterest: A “Visual” Social Bookmarking Tool You and I Can't Ignore

I value my time. Which is why I'm rarely an "early adopter" of new social media tools. Twitter and Facebook both had to prove their worth to me before I decided to get on board. I'm still undecided about LinkedIn, MySpace (ha!), and even Google+. But when...

Pin It on Pinterest

Share This