How can I get my Portfolio icons/gallery covers to look like this: http://www.jasonallenimages.com/Othe...2402509_9qdct8

OR, even have four galleries side by side?

My link is: http://dclphoto.smugmug.com/Portfolio

Please help!

Thanks,
Denise Lundeen

Originally Posted by dclphoto How can I get my Portfolio icons/gallery covers to look like this: http://www.jasonallenimages.com/Othe...2402509_9qdct8 OR, even have four galleries side by side? My link is: http://dclphoto.smugmug.com/Portfolio Please help! Thanks, Denise Lundeen

Add/change red. Increases box/page width so four fits better across. Also remove that red line at bottom.

...
.loggedIn .miniBox {height:auto; min-height:300px;}
  .loggedIn .miniBox .smbuttons {margin:0 auto; width:122px;}
  .loggedIn .miniBox input {width:122px;}
  .loggedIn .miniBox textarea {width:112px;}

#category {width: 840px; margin:0 auto;}

.boxBottom .albumLarge {width:192px; height:250px; text-align:center; margin:0 6px;}
  .albumLarge .photoLarge {float:none; width:192px; height:auto; _height:1px;}
  .albumLarge .albumTitle {width:192px;}
  .albumLarge .description {width:192px;}
  .albumLarge .updated {width:192px;}

.loggedIn .boxBottom .albumLarge {height:auto; min-height:450px;}
  .loggedIn .albumLarge .smbuttons {margin:0 auto; width:192px;}
  .loggedIn .albumLarge input {width:192px;}
  .loggedIn .albumLarge textarea {width:182px;}__________________

Thanks. I think Im on my way. Here is what it looks like now: http://dclphoto.smugmug.com/Portfolio

-How can I change the height? I would like to make the boxes taller.
-And, make the gutters between the boxes narrower and the boxes wider.

I tried changing the red height number, but there was no difference.

Thanks.

Originally Posted by Allen Add/change red. Increases box/page width so four fits better across. Also remove that red line at bottom. ... .loggedIn .miniBox {height:auto; min-height:300px;} .loggedIn .miniBox .smbuttons {margin:0 auto; width:122px;} .loggedIn .miniBox input {width:122px;} .loggedIn .miniBox textarea {width:112px;} #category {width: 840px; margin:0 auto;} .boxBottom .albumLarge {width:192px; height:250px; text-align:center; margin:0 6px;} .albumLarge .photoLarge {float:none; width:192px; height:auto; _height:1px;} .albumLarge .albumTitle {width:192px;} .albumLarge .description {width:192px;} .albumLarge .updated {width:192px;} .loggedIn .boxBottom .albumLarge {height:auto; min-height:450px;} .loggedIn .albumLarge .smbuttons {margin:0 auto; width:192px;} .loggedIn .albumLarge input {width:192px;} .loggedIn .albumLarge textarea {width:182px;}__________________

Thanks. I think Im on my way. Here is what it looks like now: http://dclphoto.smugmug.com/Portfolio

Now I have a couple more questions:
-How can I change the height? I would like to make the boxes taller.
-And, make the gutters between the boxes narrower and the boxes wider.

I tried changing the red height number, but there was no difference.

Thanks.

Originally Posted by dclphoto Thanks. I think Im on my way. Here is what it looks like now: http://dclphoto.smugmug.com/Portfolio Now I have a couple more questions: -How can I change the height? I would like to make the boxes taller. -And, make the gutters between the boxes narrower and the boxes wider. I tried changing the red height number, but there was no difference. Thanks.

You added the whole piece of CSS I posted. You should have only added/changed the red parts of the
existing code. Remove it and only add/change the red parts that was in my post.

I would also like to have my gallery "thumbnails" look like the ones on the link that started this topic http://www.jasonallenimages.com/Othe...2402509_9qdct8. I have tried the steps in this post but it left the thumbnails at their regular size. The page I am trying to modify is here. http://haggartbeach.smugmug.com/FINEART

Thank you

There isn't a way to get the thumbnails to show like that. What he is using there is a custom page where the images are added to the gallery description. Something like this but with larger images obviously. So you would just need to choose the size of the image you wanted to use in the links. But that page should have all the code you need.

Thanks Eric, is there a link to what you are describing or any tutorials on it?

Sorry I thought I had pasted that in there. I meant to at least. But here it is:

http://allen-steve.smugmug.com/gallery/3539056

I used the above referenced guide to add a custom link page for the portfolio galleries on my wife's site, but everything's displaying off to the right of the screen. I thought maybe it was because I was using a narrow theme, so I've tried changing through several different themes, changing the gallery style, but it always comes up starting at the same place on the screen and not centered like I want it. I've looked through all the customized code I've got and can't find where the problem is.

Here's the page I'm having problems with: http://www.baileypaigephoto.com/Othe...4386003_XsFzgV

I'm hoping the problem is something simple that I've overlooked due to lack of sleep, not enough caffeine or something like that.

Thanks in advance for any help.

Originally Posted by brianmills I used the above referenced guide to add a custom link page for the portfolio galleries on my wife's site, but everything's displaying off to the right of the screen. I thought maybe it was because I was using a narrow theme, so I've tried changing through several different themes, changing the gallery style, but it always comes up starting at the same place on the screen and not centered like I want it. I've looked through all the customized code I've got and can't find where the problem is. Here's the page I'm having problems with: http://www.baileypaigephoto.com/Othe...4386003_XsFzgV I'm hoping the problem is something simple that I've overlooked due to lack of sleep, not enough caffeine or something like that. Thanks in advance for any help.

This seems to work. This gallery does not work well with the Carbonite theme, switch to default.

     /* START gallery 24386003 */

.gallery_24386003,
.gallery_24386003 .journal {
   width: 1060px !important;
   margin:0 auto !important;
}

Originally Posted by Allen This seems to work. This gallery does not work well with the Carbonite theme, switch to default. /* START gallery 24386003 */ .gallery_24386003, .gallery_24386003 .journal { width: 1060px !important; margin:0 auto !important; }

Thanks! I see it doesn't play nice with Carbonite, at least not with that many photos across. Changing the site theme is high on the priority list, and it looks like it just jumped all the way to the top.

In this tutorial http://allen-steve.smugmug.com/gallery/3539056 It says to Replace /photos/xxxxxxxx-Th.jpg with your own thumbnail links. Where or how do I find my link?

Originally Posted by chell In this tutorial http://allen-steve.smugmug.com/gallery/3539056 It says to Replace /photos/xxxxxxxx-Th.jpg with your own thumbnail links. Where or how do I find my link?

Here's the browser url for the current Engagements photo you are using for the gallery.
http://www.mytreasuredportraits.com/Weddings-and-Engagements/Engagements/14513040_hjbnqn#!i=1113587035&k=WJoRP
Here's what you get from "Share" button > Get a Link
http://www.mytreasuredportraits.com/Weddings-and-Engagements/Engagements/Ali-Josh-13a/1113587035_WJoRP-Th.jpg

Either can be used.

/photos/1113587035_WJoRP-Th.jpg

Thanks

So it's been awhile since I added this customization to my site. Everything seems to be working fine. Today I Clicked on the Words under my thumbnails and some of them don't link to the right gallery. Clicking on the picture takes me into the right gallery. Do you know why this might be happening?


http://www.mytreasuredportraits.com/...4957161_RS29js

Originally Posted by chell So it's been awhile since I added this customization to my site. Everything seems to be working fine. Today I Clicked on the Words under my thumbnails and some of them don't link to the right gallery. Clicking on the picture takes me into the right gallery. Do you know why this might be happening? http://www.mytreasuredportraits.com/...4957161_RS29js

There are two spots the same link goes. With the image and again in the group at the bottom.
See red, these links are different and should be the same. Check them all.

<tr> 
  <td> 
    <a href="/gallery/14514059_PhL2bq">   <!-- Families -->
    <img src="http://www.mytreasuredportraits.com/Family/Together-Is-What-It-Is-All/i-cTRZ99W/0/Th/Picture%20%2889%29%20copy-Th.jpg" border="2" height="150" width="150"></a> 
  </td> 
 
  <td> 
    <a href="/gallery/14513800_TzcZw7">    <!--—Babies and Bellies ---->
    <img src="/photos/1160781292_NniqW-Th.jpg" border="2" height="150" width="150"></a> 
  </td> 
 
  <td> 
    <a href="/gallery/14513206_cCCTpM">   <!--—Little Ones ---->
    <img src="/photos/1102479916_kBaTT-Th.jpg" border="2" height="150" width="150"></a> 
  </td> 
 
  <td> 
    <a href="/gallery/24965423_9n2SCt">   <!-- Sports -->
    <img src="http://www.mytreasuredportraits.com/Senior/Sports/i-WvpvSh3/0/Th/Channing-Th.jpg" border="2" height="150" width="150"></a> 
  </td> 
</tr>

<tr align="center" height="50" valign="top">
  <td><a href="/Families">Families</a></td> 
  <td><a href="/Babies and Bellies">Babies and Bellies</a></td> 
  <td><a href="/Little Ones">Little Ones</a></td> 
  <td><a href="/Sports">Sports</a></td> 
</tr>

Awesome, Thank You!