• Gear
  • Shots
  • Photo Craft
  • Video
  • Wide Angle
  • Support
  • New Stuff
  • More
Support SmugMug Customization 3 Different Options on How to Customize Your Smugmug Site

FAQtoid

Ever wanted to create an Avatar? Creating an Avatar!

Searching Dgrin with Google Searching with Google

Dgrin Challenges

Congratulations to the Winner of DSS #128 (Sunrise or Sunset), ShootingStar.

The next Dgrin Challenge DSS #129 (Silhouette Revisited ) is open for entries through May 27th, 2013 at 8:00pm PDT.

As always, we look forward to your participation but please do take a moment to read through the rules before posting your entry.

Past DSS Challenge Winners, DSS Challenge Rules, and other important DSS Challenge information is here.

Need some help with Accessories?

Tutorials

Ever find yourself wondering just how someone managed to create an image using different effects?

Here are three simple tutorials we hope will encourage you to try something new.

The Hot Seat

A lifelong interest in landscape photography has led Eyal Oren to make a study of his adopted hometown of Marblehead, MA. As you can see, his dedication is paying off!

Africa!

Dgrinners Harryb, Pathfinder, and others joined Andy Williams and Marc Muench on Safari in East Africa recently. Here are some awesome threads to check out!

 
Thread Tools Display Modes
Old Dec-22-2011, 01:29 PM
#1
Oakley is offline Oakley OP
ThePupil.ca
Oakley's Avatar
3 Different Approaches to Customizing Your Smugmug Site
Let me quess.....You want a great looking, fully functional SmugMug site up and running NOW!

Option 1 - The DYI Project

Step 1. Troll other smugmug sites and build up an inventory of "I want this" designs and features in your head.
Step 2. Make the changes on your site yourself. You can search through the extensive customization FAQ pages here and here (and you should try to learn a little CSS here too). Before that, however, start on this page.
Step 3. If you're stuck, ask a question on dgrin here (but read this page before you do).
Step 4. Rinse and repeat for every little customization tweak your heart desires.

Pros: You can do anything you want to your site. And I mean anything.

Cons: Learning curve, time, and frustration. My simple site took me months to create. Yikes.

Option 2: Hire the Big Guns

Step 1: Hire a pro to create your custom site for you.

Pros: Your site will look awesome....and you don't have to learn or do much of anything.

Cons: It'll cost ya (but it might very well be worth it!), and if you want future changes to your site you'll probably need to hire a pro again.

Option 3: Follow a Step-by-Step Tutorial

I'm only aware of 2 complete A-Z tutorials - Andy Williams and Mine (but please let me know if there are others that I'm not aware of!)

Andy's A-Z Tutorial --- SmugMug's own Andy Williams has a demo site here which you can use. His how-to page is where you'll find the tutorial. Though there is quite a bit of CSS code, it's all cut and paste stuff....which is awesome.

My A-Z Tutorial --- I have recently created a course which walks you through creating a complete Smugmug site like this one. Here are some screen grabs...



The tutorial includes about 90 minutes of videos as well as copy/paste text and code...which is something people have told me they enjoy.

Take the FREE Course now --- "Create a Gorgeous Photography Website with SmugMug in 90 Minutes"

A couple of notes about my tutorial:
- The tutorial is geared towards wedding pros....but you should have no problem using the tutorial to build your site as well --- whether you're an amateur or a pro in a different specialty.
- If you start from the introduction video, you'll see that I first "sell" SmugMug to my audience. That's because most people that find the course on Udemy don't know about this wonderful service and what it can do for their very important online presence as a serious or pro photographer.
- If you have any questions, feel free to ask them in this thread, leave a comment on the Udemy course, or send me a tweet @photosontheside. I'll respond as quick as I can.

Pros: An A-Z Tutorial will get you a great looking site up and running in very little time (evening project?)

Cons: Your site may have the "look" of other sites that used the tutorial --- but you can fix this by making tweaks to your site after you finish the tutorial.

Have fun building your SmugMug site - no matter which option you choose!

Cheers,

Ryan
__________________
Ryan Oakley - www.thepupil.ca [My smugmug site]
www.photographyontheside.com [My blog about creating a part-time photography business]
Create A Gorgeous Photography Website with Smugmug in 90 Minutes [My free course if you need help setting up and customizing your SmugMug site]

Last edited by Oakley; May-06-2013 at 07:43 AM.
Old Aug-30-2012, 01:27 PM
#2
benshaniphotos is offline benshaniphotos
Beginner grinner
I am looking more for a place I can go to just simply choose a completely different template, most websites have a place you can go and look over 50+ different designs and pick one you like. Do you guys have something like that?
If someone could reply by email that would be great! I am really about to cancel my SmugMug account, just not what I am looking for.
Email: Benshaniphotography@gmail.com
Website: www.benshaniphotography.com


Thanks!
Old Sep-01-2012, 03:01 PM
#3
Lindy is offline Lindy
SmugMug Support Hero
Hey Ben,

Sending an email your way shortly! Sorry this was apparently overlooked.

Lindy
Old Sep-02-2012, 07:18 AM
#4
stuffjunkie is offline stuffjunkie
should be out shooting
stuffjunkie's Avatar
[QUOTE

Option 3: Follow a Step-by-Step Tutorial

[/QUOTE]


Just found this Tut. Nice job!
Old Oct-11-2012, 01:07 PM
#5
Oakley is offline Oakley OP
ThePupil.ca
Oakley's Avatar
Quote:
Originally Posted by stuffjunkie View Post

Just found this Tut. Nice job!
Thanks! Glad you liked the tutorial. :)
__________________
Ryan Oakley - www.thepupil.ca [My smugmug site]
www.photographyontheside.com [My blog about creating a part-time photography business]
Create A Gorgeous Photography Website with Smugmug in 90 Minutes [My free course if you need help setting up and customizing your SmugMug site]
Old Oct-18-2012, 07:17 AM
#6
cls241 is offline cls241
WebsiteWellness.com
cls241's Avatar
Oakley, thank you so much... great tutorial!
Old Oct-18-2012, 09:39 PM
#7
Oakley is offline Oakley OP
ThePupil.ca
Oakley's Avatar
Quote:
Originally Posted by cls241 View Post
Oakley, thank you so much... great tutorial!
Hey - You're most welcome.
__________________
Ryan Oakley - www.thepupil.ca [My smugmug site]
www.photographyontheside.com [My blog about creating a part-time photography business]
Create A Gorgeous Photography Website with Smugmug in 90 Minutes [My free course if you need help setting up and customizing your SmugMug site]
Old Nov-03-2012, 07:07 AM
#8
KaleeM is offline KaleeM
Beginner grinner
How to change font in galleries
I'm just wondering how you change the font in the galleries, I used the photo galleries to put the information about the contact me and my pricing. I can't figure out how you change the font because I'm trying to make my site look a little more of what I want it to little by little.

Thank you in advance

Kalee :)







Quote:
Originally Posted by Oakley View Post
Let me quess.....You want a great looking, fully functional SmugMug site up and running NOW!

Option 1 - The DYI Project

Step 1. Troll other smugmug sites and build up an inventory of "I want this" designs and features in your head.
Step 2. Make the changes on your site yourself. You can search through the extensive customization FAQ pages here and here (and you should try to learn a little CSS here too). Before that, however, start on this page.
Step 3. If you're stuck, ask a question on dgrin here (but read this page before you do).
Step 4. Rinse and repeat for every little customization tweak your heart desires.

Pros: You can do anything you want to your site. And I mean anything.

Cons: Learning curve, time, and frustration. My simple site took me months to create. Yikes.

Option 2: Hire the Big Guns

Step 1: Hire a pro to create your custom site for you.

Pros: Your site will look awesome....and you don't have to learn or do much of anything.

Cons: It'll cost ya (but it might very well be worth it!), and if you want future changes to your site you'll probably need to hire a pro again.

Option 3: Follow a Step-by-Step Tutorial

I'm only aware of 2 complete A-Z tutorials - Andy Williams and Mine (but please let me know if there are others that I'm not aware of!)

Andy's A-Z Tutorial --- SmugMug's own Andy Williams has a demo site here which you can use. His how-to page is where you'll find the tutorial. Though there is quite a bit of CSS code, it's all cut and paste stuff....which is awesome.

My A-Z Tutorial --- I have recently created a course which walks you through creating a complete Smugmug site like this one. Here are some screen grabs...



The tutorial includes about 90 minutes of videos as well as copy/paste text and code...which is something people have told me they enjoy.

Take the FREE Course now --- "Create a Gorgeous Photography Website with SmugMug in 90 Minutes"

A couple of notes about my tutorial:
- The tutorial is geared towards wedding pros....but you should have no problem using the tutorial to build your site as well --- whether you're an amateur or a pro in a different specialty.
- If you start from the introduction video, you'll see that I first "sell" SmugMug to my audience. That's because most people that find the course on Udemy don't know about this wonderful service and what it can do for their very important online presence as a serious or pro photographer.
- If you have any questions, feel free to ask them in this thread, leave a comment on the Udemy course, or send me a tweet @photosontheside. I'll respond as quick as I can.

Pros: An A-Z Tutorial will get you a great looking site up and running in very little time (evening project?)

Cons: Your site may have the "look" of other sites that used the tutorial --- but you can fix this by making tweaks to your site after you finish the tutorial.

Have fun building your SmugMug site - no matter which option you choose!

Cheers,

Ryan
Old Nov-03-2012, 07:13 AM
#9
Allen is offline Allen
"tweak 'til it squeaks"
Allen's Avatar
Quote:
Originally Posted by KaleeM View Post
I'm just wondering how you change the font in the galleries, I used the photo galleries to put the information about the contact me and my pricing. I can't figure out how you change the font because I'm trying to make my site look a little more of what I want it to little by little.

Thank you in advance

Kalee :)
Info type galleries will have to be tweaked on a gallery by gallery basis. Got a link to one of them?
Old Nov-03-2012, 07:15 AM
#10
KaleeM is offline KaleeM
Beginner grinner
Quote:
Originally Posted by Allen View Post
Info type galleries will have to be tweaked on a gallery by gallery basis. Got a link to one of them?


http://www.inspirationphotographybyk...4703937_BfhJSs
Old Nov-03-2012, 07:29 AM
#11
Allen is offline Allen
"tweak 'til it squeaks"
Allen's Avatar
Quote:
Originally Posted by KaleeM View Post
I'm just wondering how you change the font in the galleries, I used the photo galleries to put the information about the contact me and my pricing. I can't figure out how you change the font because I'm trying to make my site look a little more of what I want it to little by little.

Thank you in advance

Kalee :)
Here's an example of CSS for these two galleries. Font family is read from left to right until the browser finds
one installed on the machine..
Code:
.gallery_24708008 #albumDescription,
.gallery_24703937 #albumDescription {
   font-family: Comic Sans MS, verdana, tahoma, helvetica, arial, sans-serif;
   font-size: 14pt; 
   color: blue;
   padding: 60px 0 60px 80px;  /* top R bottom L */
}
Padding used to space the content out and place it where you want it. You can separate each gallery
with a rule to effect each differently.

.gallery_24708008 #albumDescription {...
.gallery_24703937 #albumDescription {...
Old Nov-03-2012, 07:45 AM
#12
KaleeM is offline KaleeM
Beginner grinner
I don't understand these codes, I try to figure them out but then I mess it up and frustrate myself. The #albumdescription shoudl have what in it? or do I just copy and paste this? Where do I paste it?




Quote:
Originally Posted by Allen View Post
Here's an example of CSS for these two galleries. Font family is read from left to right until the browser finds
one installed on the machine..
Code:
.gallery_24708008 #albumDescription,
.gallery_24703937 #albumDescription {
   font-family: Comic Sans MS, verdana, tahoma, helvetica, arial, sans-serif;
   font-size: 14pt; 
   color: blue;
   padding: 60px 0 60px 80px;  /* top R bottom L */
}
Padding used to space the content out and place it where you want it. You can separate each gallery
with a rule to effect each differently.

.gallery_24708008 #albumDescription {...
.gallery_24703937 #albumDescription {...
Old Nov-03-2012, 08:01 AM
#13
Allen is offline Allen
"tweak 'til it squeaks"
Allen's Avatar
Quote:
Originally Posted by KaleeM View Post
I don't understand these codes, I try to figure them out but then I mess it up and frustrate myself. The #albumdescription shoudl have what in it? or do I just copy and paste this?
This is CSS and goes in the CSS box on the "advanced customization page" in your "site settings".

The albumDescription is where your text is. The .gallery_xxxxxxxx is a specific gallery. In this case
both your info galleries. Splitting the CSS allows you to format each separately. You can remove
any of the parameter lines you don't want.
Code:
       /* Services & Pricing */
.gallery_24708008 #albumDescription {
   font-family: Comic Sans MS, verdana, tahoma, helvetica, arial, sans-serif;
   font-size: 14pt; 
   color: blue;
   padding: 60px 0 60px 80px;  /* top R bottom L */
}

      /* Contact Me */
.gallery_24703937 #albumDescription {
   font-family: Comic Sans MS, verdana, tahoma, helvetica, arial, sans-serif;
   font-size: 14pt; 
   color: blue;
   padding: 60px 0 60px 80px;  /* top R bottom L */
}
Old Nov-03-2012, 09:18 AM
#14
KaleeM is offline KaleeM
Beginner grinner
Thank you for showing me!! I really appreciate your help!!




Quote:
Originally Posted by Allen View Post
This is CSS and goes in the CSS box on the "advanced customization page" in your "site settings".

The albumDescription is where your text is. The .gallery_xxxxxxxx is a specific gallery. In this case
both your info galleries. Splitting the CSS allows you to format each separately. You can remove
any of the parameter lines you don't want.
Code:
       /* Services & Pricing */
.gallery_24708008 #albumDescription {
   font-family: Comic Sans MS, verdana, tahoma, helvetica, arial, sans-serif;
   font-size: 14pt; 
   color: blue;
   padding: 60px 0 60px 80px;  /* top R bottom L */
}

      /* Contact Me */
.gallery_24703937 #albumDescription {
   font-family: Comic Sans MS, verdana, tahoma, helvetica, arial, sans-serif;
   font-size: 14pt; 
   color: blue;
   padding: 60px 0 60px 80px;  /* top R bottom L */
}
Old Dec-28-2012, 11:57 AM
#15
Henshite is offline Henshite
Beginner grinner
"I am looking more for a place I can go to just simply choose a completely different template, most websites have a place you can go and look over 50+ different designs and pick one you like. Do you guys have something like that? "

Could you post a link to the response?

Thanks
Old Dec-29-2012, 06:47 AM
#16
Lillybeth2 is offline Lillybeth2
Beginner grinner
I am also looking for templates. Are those available?
Old Dec-29-2012, 07:53 AM
#17
denisegoldberg is online now denisegoldberg
Major grins
denisegoldberg's Avatar
Quote:
Originally Posted by Lillybeth2 View Post
I am also looking for templates. Are those available?
Quote:
Originally Posted by Henshite View Post
I am looking more for a place I can go to just simply choose a completely different template, most websites have a place you can go and look over 50+ different designs and pick one you like. Do you guys have something like that?
The only thing that I'm aware of is SmugMug themes. You can see them at http://themes.smugmug.com/.

For something that goes beyond background colors and text you will need to look to the sticky thread at the head of this forum, Certified SmugMug Customizers. Some of the customizers offer templates for SmugMug; note that these are priced items.

If you don't want to purchase a template, start a thread in the customization forum where you outline your design and ask for help implementing it. If you decide to go this route, please focus on one area of your site at a time. Keeping all requests in a single thread is helpful to both you and the helpers here. You might title it something like "<your-name>'s customization thread.

--- Denise
__________________
http://www.denisegoldberg.com ... http://denise.smugmug.com

Musings & ramblings at http://denisegoldberg.blogspot.com, quick posts in google+
Tell The World!  
Similar Threads Thread Starter Forum Replies Last Post
My SmugMug Site Files - Do Not Delete?? JursyGurl SmugMug Support 1 Dec-01-2010 01:06 PM
Need help incorporating existing site captions/gallery displays into SmugMug TravWilliams SmugMug Customization 1 Nov-06-2010 09:23 AM
Embed SmugMug within a Client's Site brecklundin SmugMug Customization 2 Jul-04-2008 05:17 PM
Can not access my smugmug or any other smugmug site... mlara SmugMug Support 4 May-13-2008 08:01 PM
NEW Mac Standalone Uploader, V2.11 Andy SmugMug Support 28 Aug-06-2007 06:38 PM


Thread Tools
Display Modes

Posting Rules  
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump