Help with my final tweaks

[Haigh]

I think I´ve finished custimizing my new site (for now) and have a few final tweaks I didn´t manage to adjust with all the html and css I have learnt from the wonderful posts over the past few days:

My site is here http://haigh.smugmug.com

1) I´ve removed the unnecessary parts of the galleries and other pages and adjusted layout with the code below but i seems a bit heavy. Is there a smarter way to acomplish the same? Also the vertical repositioning of #bodyWrapper to eliminate the empty space isn´t working in FF as it covers the navbar which becomes not clickable inside gallery pages (it works fine in EI). What´s the correct way of eliminating the empty space?


/* Gallery Settings */
#header_wrapper {display: none;}
.galleryPage #header_wrapper {display: block; visibility: hidden;}
.loggedIn #header_wrapper {display: block; visibility: visible;}
.galleryPage #stylebar {visibility: visible; position: relative;
left: -70px; top: 48px;}
.loggedIn #stylebar {position: relative; left: 0px; top: 0px;}
.galleryPage #stylebar .title {font-size: 12px;}
.galleryPage #stylebar form select {font-size: 10px;}

#breadcrumb {display: none;}
.galleryPage #breadcrumb {display: block; visibility: hidden; position: relative;}
.loggedIn #breadcrumb {display: block; visibility: visible; position: relative;}
.galleryPage #albumTitle {visibility: visible; position: absolute;
left: 0px; font-size: 14px;}
.loggedIn #albumTitle {position: relative; left: 0px; font-size: 12px;}
.galleryPage #playSlideShowWrapper {visibility: visible;}

.galleryPage #bodyWrapper {position: relative; top: -45px;}
.loggedIn #bodyWrapper {position: relative; top: 0px;}

#galleriesBox .boxTop {display: none;}
.loggedIn #galleriesBox .boxTop {display: block;}

#galleriesBox .boxBottom {background-color: transparent;}

.share_button {display: none;}
.loggedIn .share_button {display: block;}


2) I´ve adjusted the borders on images and buttons to my theme with the code below but the border on galleries, and the first image in each gallery in most views is still the Smugmug Green on mouseover. How do I get them into the color scheme?


.imgBorder {border-color: #dadada;}
.imgBorderOn {border-color: #EAC117;}


3) On my info page (see navbar) how do I make the image smaller so the entire caption fits beside it? How do I make it not clickable (to avoid going to lightbox)?

4) How do I eliminate the text that pops up on images and galleries on mouseover?

5) How do I make gallery titles sit below the gallery images and not beside them?

6) What is the 4-across code on Andy´s forever copied css?

Thanks
Robert

[denisegoldberg]

5) How do I make gallery titles sit below the gallery images and not beside them?

6) What is the 4-across code on Andy´s forever copied css?
Here's a start...

To make the gallery titles sit below the images plus show your galleries 4-across, add the code from #10 in the Advanced Customization FAQ at http://www.dgrin.com/showthread.php?t=52811.

If you want your thumbs to stretch all of the way across the page like Andy's do, then also apply the code from this thread - http://www.dgrin.com/showthread.php?t=93221.

--- Denise

[Haigh]

Thanks Denise! :clap :clap :clap

On the Advanced Customization FAQ I found the answers to numbers 4, 5, 6 and the second part of 3 as well.

Eliminating clicking on the journal image and eliminating mouseover unfortunately need javascript and not plain css. Bummer but will do so.

Now I just need some help with numbers 1, 2 and the first part of 3.

Thanks
Robert

[Haigh]

Bump

I know you all probably have been all over the place dealing with the recent outage (I love smugmug´s response time and openness in dealing with these inconvenient issues) :thumb but still: bumpity-bump...

[Allen]

...
3) On my info page (see navbar) how do I make the image smaller so the entire caption fits beside it? How do I make it not clickable (to avoid going to lightbox)?
..
You are using ther journal style gallery and no way to resize photo that I
know of. Why not just create your own page like this one (http://allen-steve.smugmug.com/gallery/3819841)? You can size the
photo to anything you like and format the text anyway you like. Plus the
photo won't be clickable.

[Allen]

...

2) I´ve adjusted the borders on images and buttons to my theme with the code below but the border on galleries, and the first image in each gallery in most views is still the Smugmug Green on mouseover. How do I get them into the color scheme?


.imgBorder {border-color: #dadada;}
.imgBorderOn {border-color: #EAC117;}
...
I have the same problem, the thumb borders are not initially picked up until I
click another thumb. Have no idea how to fix that, sorry. Although the hover
border color works initially.

[Haigh]

Thanks Allen

Will change my info page and live with the (very minor) border issue.

Now all I need is #1. Especially the major issue with elimintaing blank space without having the aparent overlap issue in FF caused by the code below. It seems as if the bodyWrapper is on top of my navbar making it unclickable. Play with the -45xp in my css when viewing a gallery and you´ll see what I´m talking about. This only happens in FF. IE is ok. I´ve played with z-index with no success.

I know there is probably a better way to eliminate the blank space as virtually everybody has a navbar with the breadcrumbs and toolbar hidden and the empty space eliminated. I just couldn´t figure it out. :bash



.galleryPage #bodyWrapper {position: relative; top: -45px;}
.loggedIn #bodyWrapper {position: relative; top: 0px;}

[Haigh]

Got it done.

Changed the code to:

.galleryPage #bodyWrapper {margin-top: -45px;}
.loggedIn #bodyWrapper {margin-top: 0px;}



Now I´m all set. Just need to start uploading (havn´t been home much)

If someone has time to look into #2, it´s veeeeeeery minor but it´s gonna bug me till I figure it out.....

Thanks for all the help. Smugmug´s great and this forum is even better :clap