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.

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*...

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...

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

In this post, I'm going to show you the step-by-step instructions for creating 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 finish. Can you show me what...

How to Create a Gorgeous Photography Website with SmugMug in 90 Minutes – A Complete Step-By-Step Tutorial

20% Off SmugMug Coupon* If you are interested in getting started today with SmugMug use the link below to save 20% off ANY of their packages. That will save you money on an already affordable product. You’ll love it! SmugMug - 20%...

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...

Pin It on Pinterest

Share This