Removing Category and Subcategory titles from Gallery pages

[BGGlider]

Hi. I'd like my gallery pages not to have "doreanphotography > Photography > Weddings > Wedding Portfolio" (for example)

http://doreanphotography.smugmug.com/gallery/3776860_heMPc#224997420_pzXdo

How can I remove these category/subcategory titles from all my galleries?

Also, I've tried to get rid of all the green text from my site, but there are some stubborn remnants. How can I change the color of the "Page1 of 3" from that green to something else?

Many thanks for the help!

[micknewton]

Hi. I'd like my gallery pages not to have "doreanphotography > Photography > Weddings > Wedding Portfolio" (for example)

http://doreanphotography.smugmug.com/gallery/3776860_heMPc#224997420_pzXdo

How can I remove these category/subcategory titles from all my galleries?
Add this to the CSS section in Control Panel > Site-wide Customization:
#breadcrumb {display:none;}
While you're there, remove this code from your CSS section and put it in the Footer JavaScript section:
// fix the pesky pipes

YE.onAvailable("cobrand_footer", function() {this.innerHTML = this.innerHTML.replace(/\||what are feeds\?/gi, '');});



Also, I've tried to get rid of all the green text from my site, but there are some stubborn remnants. How can I change the color of the "Page1 of 3" from that green to something else?

Many thanks for the help!
Get Firefox and the Web Developer Add-On. Then you can use WebDev's 'View Style Information' command to find out which styles are being used to set the green colors. Then change the styles in your CSS. You can either put the new styles in the CSS section of your customize page, or add them to your custom theme if you have one.

Mick

[coleygm]

anyway to remove the breadcrumbs from only specific galleries? Only other way i know to do this is to set the gallery as 'unlisted'. but then it uses the smugmug logo instead of my own.

any help is greatly appreciated

[jfriend]

anyway to remove the breadcrumbs from only specific galleries? Only other way i know to do this is to set the gallery as 'unlisted'. but then it uses the smugmug logo instead of my own.

any help is greatly appreciated

Question answered here: http://www.dgrin.com/showthread.php?t=106855.

[BGGlider]

Thanks, this really helped. But I still have a title for my subcategory sections that I would like to get rid of: http://doreanphotography.smugmug.com/Photography

Is this possible?

Also, is there any way other than purchasing firefox to eliminate the green text?

And how can I remove the words "galler pages" from this section:

http://doreanphotography.smugmug.com/gallery/4017909

Thank you,

Carrie


Add this to the CSS section in Control Panel > Site-wide Customization:
#breadcrumb {display:none;}
While you're there, remove this code from your CSS section and put it in the Footer JavaScript section:
// fix the pesky pipes

YE.onAvailable("cobrand_footer", function() {this.innerHTML = this.innerHTML.replace(/\||what are feeds\?/gi, '');});




Get Firefox and the Web Developer Add-On. Then you can use WebDev's 'View Style Information' command to find out which styles are being used to set the green colors. Then change the styles in your CSS. You can either put the new styles in the CSS section of your customize page, or add them to your custom theme if you have one.

Mick

[Allen]

Thanks, this really helped. But I still have a title for my subcategory sections that I would like to get rid of: http://doreanphotography.smugmug.com/Photography

Is this possible?

Also, is there any way other than purchasing firefox to eliminate the green text?

And how can I remove the words "galler pages" from this section:

http://doreanphotography.smugmug.com/gallery/4017909

Thank you,

Carrie
Add the bold.

.category_Photography #subCatGalleryTitle,
.category_Photography #galleryTitle {display: none;}

.gallery_4017909 .pageNav {display: none;}


Remove the red

#navcontainer ul li a {
text-decoration: none;
padding: .2em 1em;
color: #000000;
background-color: #EEE8AA;

#navcontainer ul li a {
text-decoration: none;
padding: .2em 1em;
color: #000000;
background-color: #EEE8AA;
}

navcontainer {font-family:bookman old style; font-size:8pt; color: black;}

#navcontainer ul li a:hover {
color: #000000;
background-color: #FFFAF0;
}

[Allen]

...
Also, is there any way other than purchasing firefox to eliminate the green text?
...
Firefox is FREE. Point out all the green text, it can all be chnged with CSS.

See sticky thread at top of this forum.
>>> CUSTOMIZATION: Start here <<<

Click this in 1st post.
* Basic Customization FAQ - find "copy and paste" code for common requests.

See #14 & 15.

[OMMBoy]

Okay, so after reading this thread, I've successfully entered the CSS code to remove the breadcrumbs. But, as we all know, nature abhors a vacuum and as such, it has shifted everything upwards to replace the void left by the breadcrumbs. How can I scoot everything back down again?

Thanks!
Chris

[Allen]

Okay, so after reading this thread, I've successfully entered the CSS code to remove the breadcrumbs. But, as we all know, nature abhors a vacuum and as such, it has shifted everything upwards to replace the void left by the breadcrumbs. How can I scoot everything back down again?

Thanks!
Chris
Change this

/* hides breadcrumbs on all pages */
#breadcrumb {
display:none;
}

to this so the space is still reserved and buttons like the slideshow show.

#breadcrumb {visibility: hidden;}
.loggedIn #breadcrumb {visibility: visible;}
#altViews {visibility: visible;}

[OMMBoy]

Change this

/* hides breadcrumbs on all pages */
#breadcrumb {
display:none;
}

to this so the space is still reserved and buttons like the slideshow show.

#breadcrumb {visibility: hidden;}
.loggedIn #breadcrumb {visibility: visible;}
#altViews {visibility: visible;}

Allen, as always, thank you very much!

I have two questions now:
1. I would like to scoot everything down just a tad more -- how do I do this?

2. Remember the mini-me you helped me with? How do I get it to show in Firefox?

Thanks, again!
Chris

[Allen]

Allen, as always, thank you very much!

I have two questions now:
1. I would like to scoot everything down just a tad more -- how do I do this?

2. Remember the mini-me you helped me with? How do I get it to show in Firefox?

Thanks, again!
Chris
Add a little bottom margin to push things down.

#my_header {
height: 65px;
border-bottom: 1px solid #ccc;
margin: 0 40px 40px; /* top right/left bottom */
}

No idea on th mini-me.

[OMMBoy]

Add a little bottom margin to push things down.

#my_header {
height: 65px;
border-bottom: 1px solid #ccc;
margin: 0 40px 40px; /* top right/left bottom */
}

No idea on th mini-me.

Thank you, Allen! I'll be asking few questions as my site and blog slowly come together. And while coding is still Greek to me, I am trying to learn. As such, what is the significance of the "0 40px 40px". I can tell it has to do with the distance of the margins from the top, left, bottom, and right, but there are only three values. And why isn't there a "px" after the first value?

Thanks,
Chris

[Allen]

Thank you, Allen! I'll be asking few questions as my site and blog slowly come together. And while coding is still Greek to me, I am trying to learn. As such, what is the significance of the "0 40px 40px". I can tell it has to do with the distance of the margins from the top, left, bottom, and right, but there are only three values. And why isn't there a "px" after the first value?

Thanks,
Chris
Normally it's written with each side separately, clockwise.

margin: Xpx Xpx Xpx Xpx; /* top right bottom left */

Maybe this will help you see the light.:D
There are shortcuts for combining some together, saves code.
margin: Xpx; /* "top and right and bottom and left" */
margin: Xpx Xpx; /* "top and bottom" "right and left" */
margin: Xpx Xpx Xpx; /* "top" "right and left" "bottom" */

zero's don't need the px, all numbers do.

[OMMBoy]

Normally it's written with each side separately, clockwise.

margin: Xpx Xpx Xpx Xpx; /* top right bottom left */

Maybe this will help you see the light.:D
There are shortcuts for combining some together, saves code.
margin: Xpx; /* "top and right and bottom and left" */
margin: Xpx Xpx; /* "top and bottom" "right and left" */
margin: Xpx Xpx Xpx; /* "top" "right and left" "bottom" */

zero's don't need the px, all numbers do.

Excellent! Thank you very much! :bow

Chris

[BGGlider]

This worked great! Thanks.


Add the bold.

.category_Photography #subCatGalleryTitle,
.category_Photography #galleryTitle {display: none;}

.gallery_4017909 .pageNav {display: none;}


Remove the red

#navcontainer ul li a {
text-decoration: none;
padding: .2em 1em;
color: #000000;
background-color: #EEE8AA;

#navcontainer ul li a {
text-decoration: none;
padding: .2em 1em;
color: #000000;
background-color: #EEE8AA;
}

navcontainer {font-family:bookman old style; font-size:8pt; color: black;}

#navcontainer ul li a:hover {
color: #000000;
background-color: #FFFAF0;
}

[photophore]

Okay, so that's exactly what I want to do: remove the Gallery Pages: 1 from my guestbook at http://photophore.smugmug.com/gallery/8145413_XSyp8

Also I tried adding the CSS to change "gallery comments" to "guestbook comments" but it isn't working for some reason.

any ideas?

thanks!

Doug

www.photophore.net (http://www.photophore.net)

[J Allen]

Add this to your CSS:




/*====Guest-Book-Page====*/
.gallery_8145413 #breadCrumbTrail,
.gallery_8145413 .play_slideshow,
.gallery_8145413 #albumNav_top,
.gallery_8145413 #albumNav_bottom,
.gallery_8145413 .nophotos h3,
.gallery_8145413 .pageNav
{display:none;}
.gallery_8145413 .journal_entry
{border:none;}



Remove the red from your Bottom Java-Script box:




function ModifyText ()

{

if (YD.hasClass(document.body, "gallery_8145413_XSyp8")

{

var objElement = YD.get("comment")

if (objElement != null)

{

var str = new String(objElement.innerHTML);

str = str.replace(/\gallery/gi, 'guestbook');

objElement.innerHTML = str;

}

}

}



YE.onAvailable("comment", ModifyText);

[photophore]

Add this to your CSS:




/*====Guest-Book-Page====*/
.gallery_8145413 #breadCrumbTrail,
.gallery_8145413 .play_slideshow,
.gallery_8145413 #albumNav_top,
.gallery_8145413 #albumNav_bottom,
.gallery_8145413 .nophotos h3,
.gallery_8145413 .pageNav
{display:none;}
.gallery_8145413 .journal_entry
{border:none;}


Remove the red from your Bottom Java-Script box:




function ModifyText ()

{

if (YD.hasClass(document.body, "gallery_8145413_XSyp8")

{

var objElement = YD.get("comment")

if (objElement != null)

{

var str = new String(objElement.innerHTML);

str = str.replace(/\gallery/gi, 'guestbook');

objElement.innerHTML = str;

}

}

}



YE.onAvailable("comment", ModifyText);




Thanks! that got rid of the Gallery Pages: text but I still can't get it to say "guestbook" instead of "gallery" comments. Did I miss something?

thanks for your quick response!!!

Doug

www.photophore.net

[J Allen]

Thanks! that got rid of the Gallery Pages: text but I still can't get it to say "guestbook" instead of "gallery" comments. Did I miss something?

thanks for your quick response!!!

Doug

www.photophore.net (http://www.photophore.net)


Try this instead:








function ModifyText ()
{
if (YD.hasClass(document.body, "gallery_8145413"))
{
var objElement = YD.get("comment")
if (objElement != null)
{
var str = new String(objElement.innerHTML);
str = str.replace(/\gallery/gi, 'Guestbook');
objElement.innerHTML = str;
}
}
}

YE.onAvailable("comment", ModifyText);

[photophore]

Try this instead:








function ModifyText ()
{
if (YD.hasClass(document.body, "gallery_8145413"))
{
var objElement = YD.get("comment")
if (objElement != null)
{
var str = new String(objElement.innerHTML);
str = str.replace(/\gallery/gi, 'Guestbook');
objElement.innerHTML = str;
}
}
}

YE.onAvailable("comment", ModifyText);






Hmm... nope, still says gallery. :scratch

[J Allen]

Hmm... nope, still says gallery. :scratch


This one will work...I promise :D





YE.onAvailable("comment", ModifyText);


function ModifyText ()
{
if (YD.hasClass(document.body, "gallery_8145413"))
{
var objElement = YD.get("comment")
if (objElement != null)
{
var str = new String(objElement.innerHTML);
str = str.replace(/\gallery/gi, 'guestbook');
objElement.innerHTML = str;
}
}
}

YE.onAvailable("comment", ModifyText);

[photophore]

This one will work...I promise :D





YE.onAvailable("comment", ModifyText);


function ModifyText ()
{
if (YD.hasClass(document.body, "gallery_8145413"))
{
var objElement = YD.get("comment")
if (objElement != null)
{
var str = new String(objElement.innerHTML);
str = str.replace(/\gallery/gi, 'guestbook');
objElement.innerHTML = str;
}
}
}

YE.onAvailable("comment", ModifyText);





Hate to say it, but...... it no work. Just to make sure I'm not doing something stupid: this is going into my bottom Javascript, right?

thanks!

Doug

[photophore]

Hate to say it, but...... it no work. Just to make sure I'm not doing something stupid: this is going into my bottom Javascript, right?

thanks!

Doug

oh wait, when I removed everything else in the bottom Jscript box, it works!!!:bow

[photophore]

oh wait, when I removed everything else in the bottom Jscript box, it works!!!:bow

This was preventing it from working:

function hasPath(sPath)
{
re = new RegExp("\/" sPath "(\/|$)");
return re.test(window.location)
}

[jfriend]

This was preventing it from working:

function hasPath(sPath)
{
re = new RegExp("\/" sPath "(\/|$)");
return re.test(window.location)
}

You were missing the plus signs in this. It should have been:

function hasPath(sPath)
{
re = new RegExp("\/" + sPath + "(\/|$)");
return re.test(window.location)
}

[photophore]

You were missing the plus signs in this. It should have been:

function hasPath(sPath)
{
re = new RegExp("\/" + sPath + "(\/|$)");
return re.test(window.location)
}

:thumbThanks!