Gallery/Category trouble

[b-grinner]

I seem to be having trouble getting my categories/galleries set up on my site. If you go to my site (cyberphotogs.smugmug.com) and you click on Public Galleries on the navbar it will display a Personal category, a Public category and a Photography category. I do not know why the Personal category is showing here. This Personal category should appear when you click on the Personal menu item in the navbar. Can someone help explain why this is happening as I have been trying to figure this out for a few days with no luck. Also why am I getting the white border on left hand side and top when click on Personal category? This is coming up in a few of my galleries and I do not want it.

Your help would be appreciated as i have been struggling trying to fix my problem for few days now. I have been manipulating my galleries using SmugBrowser too.

Thanks for your time....

...Bruce

[Allen]

I seem to be having trouble getting my categories/galleries set up on my site. If you go to my site (cyberphotogs.smugmug.com) and you click on Public Galleries on the navbar it will display a Personal category, a Public category and a Photography category. I do not know why the Personal category is showing here. This Personal category should appear when you click on the Personal menu item in the navbar. Can someone help explain why this is happening as I have been trying to figure this out for a few days with no luck. Also why am I getting the white border on left hand side and top when click on Personal category? This is coming up in a few of my galleries and I do not want it.

Your help would be appreciated as i have been struggling trying to fix my problem for few days now. I have been manipulating my galleries using SmugBrowser too.

Thanks for your time....

...Bruce
Your Personal menu is pointing to the Personal category.
Your Public Galleries is pointing the the "galleries" page which will show all
your categories. I think there is a hack to suppress a category from showing
in the categories box. Check the hacks threads.

See this thread (http://www.dgrin.com/showthread.php?t=59253).
Your "galleries" page is a duplicate of your homepage so I would think it would work.

Put in footer

<script type="text/javascript" language="javascript">

function delCategory() {
re = /\/(Personal)$/;

var oList = YD.getElementsByClassName('miniBox', 'div', this);

for (i = 0; i < oList.length; i++) {
if (re.test(oList[i].getElementsByTagName('a')[0].href))
oList[i].parentNode.removeChild(oList[i]);
}
}
YE.onContentReady('categoriesBox', delCategory);

</script>

[b-grinner]

Your Personal menu is pointing to the Personal category.
Your Public Galleries is pointing the the "galleries" page which will show all
your categories. I think there is a hack to suppress a category from showing
in the categories box. Check the hacks threads.

See this thread (http://www.dgrin.com/showthread.php?t=59253).
Your "galleries" page is a duplicate of your homepage so I would think it would work.

Put in footer

<script type="text/javascript" language="javascript">

function delCategory() {
re = /\/(Personal)$/;

var oList = YD.getElementsByClassName('miniBox', 'div', this);

for (i = 0; i < oList.length; i++) {
if (re.test(oList[i].getElementsByTagName('a')[0].href))
oList[i].parentNode.removeChild(oList[i]);
}
}
YE.onContentReady('categoriesBox', delCategory);

</script>

Hi Allen,

Thanks for the tip. However, what did come to mind is just to change the navbar from 'galleries' to 'Public'. Seems to be working. Dopes this make sense to you.

Now the other issue I had is when I click on the Personal gallery in NavBar I am getting this white line down left side and across the top. Where is this coming from and how do I remove it?

And...how do I get the heading for the Personal Sub-Categories to be same as the heading for Public Galleries. Solid grey bar with title.

Again I look forward to hearing your reply.

...Bruce

[Allen]

Hi Allen,

Thanks for the tip. However, what did come to mind is just to change the navbar from 'galleries' to 'Public'. Seems to be working. Dopes this make sense to you.

Now the other issue I had is when I click on the Personal gallery in NavBar I am getting this white line down left side and across the top. Where is this coming from and how do I remove it?

And...how do I get the heading for the Personal Sub-Categories to be same as the heading for Public Galleries. Solid grey bar with title.

Again I look forward to hearing your reply.

...Bruce
Add the bold lines in your CSS.

/* from smugger */
#subcategoriesBox.box .boxTop,
#galleriesBox.box .boxTop,
#categoriesBox.box .boxTop {
background: #333333;
}

#subcategoriesBox .boxBottom,
#categoriesBox .boxBottom,
#galleriesBox .boxBottom {
border: none; background:none !important;}

[b-grinner]

Add the bold lines in your CSS.

/* from smugger */
#subcategoriesBox.box .boxTop,
#galleriesBox.box .boxTop,
#categoriesBox.box .boxTop {
background: #333333;
}

#subcategoriesBox .boxBottom,
#categoriesBox .boxBottom,
#galleriesBox .boxBottom {
border: none; background:none !important;}

Hi Allen,

Thanks so much for your help. Things are looking much better.

However there are still a couple of things I need to correct.

1. I am still getting a white line down left hand side and along top when I am begin to look at photos within a gallery. Any ideas where this is coming from?

2. How can I get the thumbnails to be smaller and closer together. For example under Public Galleries I have three gallery thumbnails appearing but they are rather big. If you click on the 'Las Vegas' gallery you will see the white lines as I mentioned above. I looked on Andy's site and he seems to have his thumbnails all formatted in an orderly fashion. What is the trick to get this done?

Once again I look forward to your reply and help.

...Bruce

[b-grinner]

Hi Allen,

Thanks so much for your help. Things are looking much better.

However there are still a couple of things I need to correct.

1. I am still getting a white line down left hand side and along top when I am begin to look at photos within a gallery. Any ideas where this is coming from?

2. How can I get the thumbnails to be smaller and closer together. For example under Public Galleries I have three gallery thumbnails appearing but they are rather big. If you click on the 'Las Vegas' gallery you will see the white lines as I mentioned above. I looked on Andy's site and he seems to have his thumbnails all formatted in an orderly fashion. What is the trick to get this done?

Once again I look forward to your reply and help.

...Bruce

Hey Allen,

Hope you'll have time to take a look at this. Sprry to trouble you again but once I get this settled I will be near end of my mods.

Looking forward to hearing from you.

...Bruce

[Allen]

Hi Allen,

Thanks so much for your help. Things are looking much better.

However there are still a couple of things I need to correct.

1. I am still getting a white line down left hand side and along top when I am begin to look at photos within a gallery. Any ideas where this is coming from?

2. How can I get the thumbnails to be smaller and closer together. For example under Public Galleries I have three gallery thumbnails appearing but they are rather big. If you click on the 'Las Vegas' gallery you will see the white lines as I mentioned above. I looked on Andy's site and he seems to have his thumbnails all formatted in an orderly fashion. What is the trick to get this done?

Once again I look forward to your reply and help.

...Bruce
Found the borders on the 'Las Vegas' gallery filmstrip gallery.

#filmstrip.filmstrip {border: none;}

With less then six thumbs they will be 150px. Six or more and they are
100px. Don't know of any way to change that. Look thru the hacks forum
for the mini-box hack to reposition the thumbs.

[b-grinner]

Found the borders on the 'Las Vegas' gallery filmstrip gallery.

#filmstrip.filmstrip {border: none;}

With less then six thumbs they will be 150px. Six or more and they are
100px. Don't know of any way to change that. Look thru the hacks forum
for the mini-box hack to reposition the thumbs.

Allen,

Thanks again. #filmstrip command works. However, what would I use if my galllery was using 'All thumbs' or 'Traditional'. Tried just substituting traditional for filmstrip but it did not work. The result is I still have the white border when using these styles.

And I created more than 6 galleries and the thumbnails do not seem to be lining up such that there are more than 4 showing. Also there still seems to be a big gap between the two rows that are currently there. Also, how do you get the gallery thumbnails to be the same size. I saw that Andy was able to achieve this on his site. I guess I am hoping to achieve something similar to Anydswhere the thumbnails for the galleries are all the same size and that the spacing between them is not so large.

Again I look forward to your help.

...Bruce

[Allen]

Allen,

Thanks again. #filmstrip command works. However, what would I use if my galllery was using 'All thumbs' or 'Traditional'. Tried just substituting traditional for filmstrip but it did not work. The result is I still have the white border when using these styles....
Filmstrip was the only style I could find on your site. Each style will get it's
own CSS. Select a gallery for testing, change the style and post the link
here. Then we'll do the next style and so on till we get all the ones you want.

[b-grinner]

Filmstrip was the only style I could find on your site. Each style will get it's
own CSS. Select a gallery for testing, change the style and post the link
here. Then we'll do the next style and so on till we get all the ones you want.

Try this gallery. I changed it to 'All Thumbs'

http://www.cyberphotogs.smugmug.com/gallery/2180960

And what about the layout of the galleries in Public Galleries. See all the space between the thumbnails. Anyway to get rid of this. Similar to Andy's site.

Thanks for help so far Allen.

...Bruce

[Allen]

Try this gallery. I changed it to 'All Thumbs'

http://www.cyberphotogs.smugmug.com/gallery/2180960

And what about the layout of the galleries in Public Galleries. See all the space between the thumbnails. Anyway to get rid of this. Similar to Andy's site.

Thanks for help so far Allen.

...Bruce

Change these
#smugmug,
#smugmug_small {
border: none !important;}

#traditional.traditional {border: none;}

To this
#smugmug,
#smugmug_small,
#allthumbs.allthumbs,
#filmstrip.filmstrip,
#traditional.traditional {border: none;}

Check the hacks thread for the mini-box hack to space the thumbs
on the cat and sub-cat pages.

[b-grinner]

Change these
#smugmug,
#smugmug_small {
border: none !important;}

#traditional.traditional {border: none;}

To this
#smugmug,
#smugmug_small,
#allthumbs.allthumbs,
#filmstrip.filmstrip,
#traditional.traditional {border: none;}

Check the hacks thread for the mini-box hack to space the thumbs
on the cat and sub-cat pages.

Hi Allen,

Looks like I am not out of the woods yet. The border: none command does not seem to be working. If you go to my public galleries....Random Shots and then pick a picture the following screen is still showing the border. I want to get rid of this border too.

Adn lastly how do I display the breadcrumb that shows the path to the picture. This way you can back out of the screen easier.

Lookig forward to your help...again...

...Bruce

[Allen]

Hi Allen,

Looks like I am not out of the woods yet. The border: none command does not seem to be working. If you go to my public galleries....Random Shots and then pick a picture the following screen is still showing the border. I want to get rid of this border too.

Adn lastly how do I display the breadcrumb that shows the path to the picture. This way you can back out of the screen easier.

Lookig forward to your help...again...

...Bruce
Keep looking, ya might find some more, we'll keep adding to the list.

#singleImage.singleImage,
#smugmug,
#smugmug_small,
#allthumbs.allthumbs,
#filmstrip.filmstrip,
#traditional.traditional {border: none;}

The bold one is what is making it invisibility everywhere. If you add the red I think it will show on only the gallery pages. What pages do you want it visible?

#breadcrumb {visibility:hidden;}
/* remove navigation */
.galleryPage #breadcrumb,
.loggedIn #breadcrumb {visibility: visible;}

[b-grinner]

Keep looking, ya might find some more, we'll keep adding to the list.

#singleImage.singleImage,
#smugmug,
#smugmug_small,
#allthumbs.allthumbs,
#filmstrip.filmstrip,
#traditional.traditional {border: none;}

The bold one is what is making it invisibility everywhere. If you add the red I think it will show on only the gallery pages. What pages do you want it visible?

#breadcrumb {visibility:hidden;}
/* remove navigation */
.galleryPage #breadcrumb,
.loggedIn #breadcrumb {visibility: visible;}

Allen,

The #smugmug border:none is still not working. I would have thought the above CSS would have covered it. Go to Personal Gallery. Pick the protected gallery. (not sure why description is not appearing below) Then choose the 1st protected gallery. (Again not sure why I am not seeing the descriptions below). Password is ISO. When it opens you will see the border . Any ideas as to why the previous code would not cover this gallery?

...Bruce

[Allen]

Allen,

The #smugmug border:none is still not working. I would have thought the above CSS would have covered it. Go to Personal Gallery. Pick the protected gallery. (not sure why description is not appearing below) Then choose the 1st protected gallery. (Again not sure why I am not seeing the descriptions below). Password is ISO. When it opens you will see the border . Any ideas as to why the previous code would not cover this gallery?

...Bruce Duh! If I looked at all the others with my eyes open, I'd seen the answer. :smack

#singleImage.singleImage,
#smugmug.smugmug,
#smugmug_small.smugmug_small,
#allthumbs.allthumbs,
#filmstrip.filmstrip,
#journal.journal,
#traditional.traditional {border: none;}