Hi all - I am helping my friend with her smugmug site setup, and i've obviously made some serious code errors. Here are the issues:

1. Nav bar is not right justified in alignment with the banner; it's much lower.
2. We have created multiple home pages and would like the slideshow showing on the default page with the other elements each on their own page: bio, recent photos, popular photos, and galleries. The galleries page is the only one showing up correctly at this time.
3. Banner is not clickable to default homepage.


I'm at a loss as I've checked over the code, and it seems to be correct in that it's like mine from my site, and she's basically doing a lot of the same things.

Here is the site:
http://jowenphotography.smugmug.com

Thanks a bunch in advance for any help or insight.

Originally Posted by atomicmom Hi all - I am helping my friend with her smugmug site setup, and i've obviously made some serious code errors. Here are the issues: 1. Nav bar is not right justified in alignment with the banner; it's much lower. 2. We have created multiple home pages and would like the slideshow showing on the default page with the other elements each on their own page: bio, recent photos, popular photos, and galleries. The galleries page is the only one showing up correctly at this time. 3. Banner is not clickable to default homepage. I'm at a loss as I've checked over the code, and it seems to be correct in that it's like mine from my site, and she's basically doing a lot of the same things. Here is the site: http://jowenphotography.smugmug.com Thanks a bunch in advance for any help or insight.

Change the whole header with this. Corrected size of clickable area of logo.
The link names have to agree with how they are defined in this.
DuplicateHomepage("galleries|popular|recentphotosb ox|bio");

<script type="text/javascript">
DuplicateHomepage("galleries|popular|recentphotosbox|bio");
</script>
<div id="navcontainer">
<ul>
<li><a href="/">Home</a></li>
<li><a href="/bio">About Me</a></li>
<li><a href="/galleries">Galleries</a></li>
<li><a href="/recentphotosbox">Recent</a></li>
<li><a href="/popular">Popular</a></li>
</ul>
</div>

<div id="MYcustomLogo">
<a href="/">
<img src="/img/spacer.gif" alt="" border="0" height="150" width="420">
</a>
</div>
<div style="clear: both;"></div>

Adjust position

#navcontainer {
  float:right;
  margin-top: 130px;  /* adjust nav up & down */
}

I think the logo needs to have all the blank area cropped from it. It only needs to be about 320x120.

fantastic! Thank you so much! I appreciate the answers to #1 and #3!

It's getting better.

Here are the problems I'm still with what is showing on the separate pages.

On the default homepage, still showing are: popular, bio and slideshow - want only slideshow.

On the other pages, I am having these issues:
About Me page shows bio and popular instead of just bio.
Galleries shows bio, popular and then galleries instead of just galleries.
Recent shows bio and popular - no sign of recent photos.
Popular - looks great!

Originally Posted by atomicmom fantastic! Thank you so much! I appreciate the answers to #1 and #3! It's getting better. Here are the problems I'm still with what is showing on the separate pages. On the default homepage, still showing are: popular, bio and slideshow - want only slideshow. On the other pages, I am having these issues: About Me page shows bio and popular instead of just bio. Galleries shows bio, popular and then galleries instead of just galleries. Recent shows bio and popular - no sign of recent photos. Popular - looks great!

Try this

/* turn on for each specific dup homepage */
.bio #communitiesBox,
.galleries #galleriesBox,
.galleries #categoriesBox,
.recent #recentPhotosBox    << was missing comma
.recentphotosbox #recentPhotosBox,
.popular #popularPhotos,
.galleries #recentPhotosBox,
.bio #bioBox {display: block;}

Originally Posted by Allen Try this /* turn on for each specific dup homepage */ .bio #communitiesBox, .galleries #galleriesBox, .galleries #categoriesBox, .recent #recentPhotosBox << was missing comma .recentphotosbox #recentPhotosBox, .popular #popularPhotos, .galleries #recentPhotosBox, .bio #bioBox {display: block;}

I found one other missing comma, and now it's perfect! WOW - thanks a million! Now on to the tweaking. :-D

BTW - I am asking this for myself (atomic mom) and my friend, I know I found a thread about making a slideshow by key wording certain pics, but I can't for the life of me find it again. I KNEW I should have emailed myself the thread link! DOH!!

Anyway, do you happen to know where I can find it again?

Hello again! I made a new About Me page for my friend using the gallery suggestion, but I can't seem to get the breadcrumb and "this gallery is empty" message to be hidden although I have added the .notloggedin code. Any ideas?

Thanks a bunch!
http://jowenphotography.smugmug.com/...3800769_GVTkpZ

Originally Posted by atomicmom Hello again! I made a new About Me page for my friend using the gallery suggestion, but I can't seem to get the breadcrumb and "this gallery is empty" message to be hidden although I have added the .notloggedin code. Any ideas? Thanks a bunch! http://jowenphotography.smugmug.com/...3800769_GVTkpZ

Perhaps adding the CSS to format the gallery would help? And add the missing red */.

       /* END gallery 23711314 */


       /* START about gallery 23800769 */

.gallery_23800769 #albumDescription { 
    margin-top: 5px;    /* gap from navbar at top */
    background: #ccc;    /* background of description box */
    padding: 20px 40px 40px 40px;    /* top right bottom left */
}                                    /* spacing inside box from edges */
 
.gallery_23800769 .myPhoto {
    float: left;     /* allows the text to flow to the right */
    padding: 0 30px 10px 0;  /* top right bottom left        */
}                            /* spacing of text around photo */

.gallery_23800769 .myPhoto img {
   border: 4px ridge #444;    /* add border around photo */
}

.gallery_23800769 .myTitle {
    font-family: arial; 
    font-size: 150%;
    color: #444;
    font-weight: bold;
    text-align: center;
    margin: 0 auto 30px auto;    /* top right bottom left */
}

.gallery_23800769 .myText {
    font-family: arial; 
    font-size: 100%;
    color: #444;
    font-weight: normal;
    text-align: justify;
}

.myEmail {color: #3289e3;}
.myEmail:hover {color: red;}

       /* things you can hide on page */
.notLoggedIn.gallery_23800769 .emptyGallery,   /* if no photos in gallery */
.notLoggedIn.gallery_23800769 .journal_entry,  /* hides photos in gallery */
.notLoggedIn.gallery_23800769 #albumNav_top,
.notLoggedIn.gallery_23800769 #albumNav_bottom,
.notLoggedIn.gallery_23800769 #breadcrumb {display: none;}

In the description either remove the sizes or put in the correct numbers.

<div class="myPhoto">
<img src="/photos/1926318919_C39mrp8-S.jpg" height="300" width="200" />
</div> <!-- closes myPhoto div -->

woohoo!! I think it's looking great! Thank you SO much!

Do you know anything about the stretchy slideshow by jfriend? He seems to be mia - and I'm having issues. lol

More help needed:

On the contact form - I think I inserted the correct CSS to hide the breadcrumb and empty gallery stuff, but it's still there. (even though it was gone previously!)

http://jowenphotography.smugmug.com/...3806790_q7Hqwd

Next question, on a couple of pages, where the text is blue - there is a slightly offblack box (color #161616, I think) behind the text. Is there a way to change that to pure black (#000000)?

Thanks!

Originally Posted by atomicmom More help needed: On the contact form - I think I inserted the correct CSS to hide the breadcrumb and empty gallery stuff, but it's still there. (even though it was gone previously!) http://jowenphotography.smugmug.com/...3806790_q7Hqwd Next question, on a couple of pages, where the text is blue - there is a slightly offblack box (color #161616, I think) behind the text. Is there a way to change that to pure black (#000000)? Thanks!

Log out and look.

Are you referring to the box title above the thumbs like the word "galleries" on the galleries page ?
#recentPhotosBox,
#galleriesBox {background:none;}

AWESOME!! I think I'm golden - if I could only get the slideshow to show up. lol

Thank you!!!

Hello - I am still working on my friend's site, and I can't figure out why the breadcrumb and buttons usually on the right above the photo are missing when they are fine in all the other galleries. Thoughts?

http://jowenphotography.smugmug.com/...9700&k=LWW4523

Originally Posted by atomicmom Hello - I am still working on my friend's site, and I can't figure out why the breadcrumb and buttons usually on the right above the photo are missing when they are fine in all the other galleries.

You removed it with this CSS:

.notLoggedIn.gallery_23711314 .emptyGallery,   /* if no photos in gallery */
.notLoggedIn.gallery_23711314 .journal_entry,  /* hides photos in gallery */
.notLoggedIn.gallery_23711314 #albumNav_top,
.notLoggedIn.gallery_23711314 #albumNav_bottom,
.notLoggedIn.gallery_23711314 #breadcrumb {display: none;}

You don't need any of this code. There are photos in the gallery, it's not a journal style gallery, and the albumNav and breadcrumb entries removed the breadcrumb and the paging controls.

--- Denise

Thank you, Denise - I'm not sure why I have that code in there at all. I did take it out, and things are much better. The only little glitch I have now is a strange lin with the words "gallery pages 1" on the About Me page. And it's on there twice after the bio. I am not sure how to get rid of it.

http://jowenphotography.smugmug.com/...3800769_GVTkpZ

Originally Posted by atomicmom Thank you, Denise - I'm not sure why I have that code in there at all. I did take it out, and things are much better. The only little glitch I have now is a strange lin with the words "gallery pages 1" on the About Me page. And it's on there twice after the bio. I am not sure how to get rid of it. http://jowenphotography.smugmug.com/...3800769_GVTkpZ

Add red in CSS

.notLoggedIn.gallery_23800769 #albumNav_top,
.notLoggedIn.gallery_23800769 #albumNav_bottom,
.notLoggedIn.gallery_23800769 #breadcrumb {display: none;}
.notLoggedIn.gallery_23800769 .emptyGallery  {display: none;}
.notLoggedIn.gallery_23800769 .journal_entry,  /* hides photos in gallery */

.notLoggedIn.gallery_23806790 #breadcrumb {display: none;}
.notLoggedIn.gallery_23806790 .emptyGallery  {display: none;}
.notloggedIn.popular #breadcrumb {display: none;}