Need to modify my galleries page

[kararue]

I'd like to change some things on this page. http://kararue.smugmug.com/portfolio
Can I get some help displaying my galleries in 2 columns and 2 rows instead of one column top to bottom?

Get rid of the text "portfolio galleries" at the top?

When I go into the galleries, I'd like to change the color of the green text displaying "1 of 2, etc" at the top.

I did some searching but couldn't find what I was looking for. Any help very appreciated.
Kara

[tfboy]

I'd like to change some things on this page. http://kararue.smugmug.com/portfolio
Can I get some help displaying my galleries in 2 columns and 2 rows instead of one column top to bottom? Add something like this to your CSS: .boxBottom .albumLarge {width:300px; height:300px; text-align:center; margin:0 24px;}
.albumLarge .photoLarge {float:none; width:300px; height:auto; _height:1px;}
.albumLarge .albumTitle {width:300px;}
.albumLarge .description {width:300px;}
.albumLarge .updated {width:300px;} This also puts the gallery titles under the thumbnails. You can change the distance between the rows by changing the height value in the first line.
This is a simplified copy/paste from the info here: http://www.dgrin.com/showpost.php?p=300387&postcount=8
More info on this here: http://www.dgrin.com/showthread.php?t=17946

Get rid of the text "portfolio galleries" at the top?You can add this to your CSS: #galleryTitle {display: none;} but it's not super elegant because there's still the box. I can't remember how to remove it completely. Surely someone else will come up with the answer.

When I go into the galleries, I'd like to change the color of the green text displaying "1 of 2, etc" at the top.Add this to your CSS: .pageNav, .pageNav .title, .pageNav a.nav {color: #fff;} Change the fff (= white) bit at the end to be the colour you want. If you want a common colour, you can just have the name without the hash in front. Or if you want to tweak, you can pick a colour code from here: http://html-color-codes.com/

Hope this helps

[tfboy]

Hi Kara. Sorry, I edited my above post so that the gallery titles were under thumbnails. Previous one still had text to the side.

[kararue]

Great, I did the code to move to 2 columns and that worked great! Thanks so much!!

I put in the code to change the color of the font and it's still green..

Any suggestions for changing the green "portfolio galleries" and the "1 of 2" etc at the top of the galleries?

[tfboy]

Great, I did the code to move to 2 columns and that worked great! Thanks so much!!

I put in the code to change the color of the font and it's still green..

Any suggestions for changing the green "portfolio galleries" and the "1 of 2" etc at the top of the galleries?

Sorry, I wasn't clear enough. If you put in a numbered code, then you need a hash in front. So #fff is white. But if you want to specify the colour as its word, then you take out the hash in front. So it should be:
.pageNav, .pageNav .title, .pageNav a.nav {color: white;} :)

[kararue]

So now I'm rid of the green on the "1 of 2" etc in my galleries. Thanks!

However, on my galleries page, it still says "portfolio galleries" in green. Any way to make that white too.... I know, I'm a pain..

[denisegoldberg]

Add something like this to your CSS: .boxBottom .albumLarge {width:300px; height:300px; text-align:center; margin:0 24px;}
.albumLarge .photoLarge {float:none; width:300px; height:auto; _height:1px;}
.albumLarge .albumTitle {width:300px;}
.albumLarge .description {width:300px;}
.albumLarge .updated {width:300px;} This also puts the gallery titles under the thumbnails. You can change the distance between the rows by changing the height value in the first line.
This is a simplified copy/paste from the info here: http://www.dgrin.com/showpost.php?p=300387&postcount=8
More info on this here: http://www.dgrin.com/showthread.php?t=17946


I'd recommend using all of the code from the answer to # 10 in the advanced customization FAQ at http://www.dgrin.com/showthread.php?t=52811. Different sized thumbs are using if there are 5 or fewer galleries of if there are more than 5 galleries. The code included here only handles one of those cases.

--- Denise

[kararue]

Thanks Denise, I gave it a try but don't see a difference. I did #11 instead of 10 because I only want 2 across, not 4. I don't really understand what this does differently. Does it make the thumbs larger?
Maybe I need to try the #10 instructions.

Is there anyone who can answer this question: on my galleries page, it still says "portfolio galleries" in green. Any way to make that white too or better yet make it invisible.

http://kararue.smugmug.com/portfolio

[denisegoldberg]

Thanks Denise, I gave it a try but don't see a difference. I did #11 instead of 10 because I only want 2 across, not 4. I don't really understand what this does differently. Does it make the thumbs larger?
Maybe I need to try the #10 instructions.

Is there anyone who can answer this question: on my galleries page, it still says "portfolio galleries" in green. Any way to make that white too or better yet make it invisible.

http://kararue.smugmug.com/portfolio
This will change the green to white:

#galleryTitle {
color: white !important;
}

The reason I suggested # 10 (or #11 is fine too) is that the code you were given only will work if there are 5 or fewer galleries. You need both pieces of the code in the answer to # 10 if you want the thumb above the title no matter how many galleries you have.

I see that you've removed the breadcrumb from your galleries and that you haven't replaced it with anything else. Are you aware that your viewers now have no way of knowing where they are in your site, or what gallery they are viewing? I'd recommend that you read my post about the purpose of the breadcrumb - http://www.dgrin.com/showthread.php?t=111484.

--- Denise

[kararue]

Okay, I did change it to #11. The reason for removing my breadcrumbs - I was trying to make the design of my public galleries as simple as possible so I figured people will just click on galleries at the top to get back but I'll read your post on this. I didn't like the look of the breadcrumbs.

And my gallery title is now not green.

Thanks so much!