What am I doing wrong and how do I do something...

[LaFlacaD]

I have some questions. They, I think, are simple enough but I'm having a hell of a time trying to find the answers in all the information available here. I've looked and become cross eyed.

Using this page as an example:
http://colorblind.smugmug.com/Weddings/154748
1. How do I change the color of the font next to each individual gallery?

2. How do I stretch the brighter red box so that it conforms to the underlined section under the main title?

Using this page as an example:
http://colorblind.smugmug.com/gallery/3077407

1. How do I stop the filmstrip from moving? I put the code in but it still moves.

2. How do I remove the view option of style completely as well as the option to share photo or choose a slideshow?

3. Why is my box area not bright red here?

[oxy8384]

1. How do I change the color of the font next to each individual gallery? Add this to your CSS (changing colors to your liking, of course)
#galleriesBox a:link { color: #ffff00;}
#galleriesBox .description {color: #00ffff;}


2. How do I stretch the brighter red box so that it conforms to the underlined section under the main title? Add this to your CSS:
#category { width: 800px;}


1. How do I stop the filmstrip from moving? I put the code in but it still moves. Don't know about this...

2. How do I remove the view option of style completely as well as the option to share photo or choose a slideshow?
Add this to your CSS:
.galleryPage #altViews, .galleryPage #stylebar {display: none;}
3. Why is my box area not bright red here? Add this to your CSS (changing the color as needed):
#smugmug #albumNav_top, #smugmug #photos, #smugmug #albumNav_bottom {background-color: #990000;}
you can selectively change the background of the different elements this way or just use
#smugmug {background-color: #990000;}
to change the background of the whole content section at once...

Bill

[LaFlacaD]

Add this to your CSS (changing colors to your liking, of course)
#galleriesBox a:link { color: #ffff00;}
#galleriesBox .description {color: #00ffff;}

Why is this not working for all galleries? It works for this one http://colorblind.smugmug.com/Weddings/154748 but not here http://colorblind.smugmug.com/Weddings or others. Do they ahve to be done for each individual gallery?


Add this to your CSS:
.galleryPage #altViews, .galleryPage #stylebar {display: none;}
Add this to your CSS (changing the color as needed):
#smugmug #albumNav_top, #smugmug #photos, #smugmug #albumNav_bottom {background-color: #990000;}
you can selectively change the background of the different elements this way or just use
#smugmug {background-color: #990000;}
to change the background of the whole content section at once...


Totally screwing this up it seems as I copied both types and still don't have the bright red background when viewing the actual photos http://colorblind.smugmug.com/gallery/3077407



Other Questions:

1. I want all the fonts to be the same color. There are still fonts that are white.

2. How do I hide the photo viewing size option?

3. I do not want to allow comments. Where do I change that?

[oxy8384]

...This stuff is not easy, and you need to cut yourself some slack. Lots of people here to help, but it might take some time.

The two links you sent are not both for galleries. Look at the URL for each (in your browser's address bar). If it doesn't have '/gallery/' in it, it ain't a gallery.

SM arranges your photos in a hierarchy like this: Category->[optional subcategory->]gallery(album). The first link you sent is to a subcategory page, which displays all the galleries in that subcategory in a galleriesBox. The second link you sent is for a Category (Weddings) page, which displays all the subcategories in that category in a subcategoriesBox. If you duplicate the CSS we added for the galleriesBox (replacing galleriesBox with subcategoriesBox), these two pages should look the same.

still don't have the bright red background when viewing the actual photos http://colorblind.smugmug.com/gallery/3077407 SM is very flexible which also means it's complex. Since there are 7 or 8 gallery 'styles' to choose from, it is sometimes difficult to make a change that only affects one style or changes them all. The following CSS will change the background color for the filmstrip view you've chosen. We may still need to fiddle with more stuff if other galleries use a different style.
.filmstrip #albunNav_top, .filmstrip #moveWrapper, .filmstrip #caption_top,
.filmstrip #photos, .filmstrip #caption_bottom, .filmstrip #albumNav_bottom {
background-color: #900;
}

/* changes color of visited links from white to a darker shade of red */
#galleriesBox a:visited, #subcategoriesBox a:visited {
color: #c30 !important;
}
1. I want all the fonts to be the same color. There are still fonts that are white.
We'll probably need to work through all of the cases in order to get them all. Give specific links, whenever possible.
2. How do I hide the photo viewing size option?
3. I do not want to allow comments. Where do I change that?
add this to your CSS:
#sizePicker, #comment_header {
display: none;
}
You can also disallow comments with a setting in the gallery customization section in your control panel.

I noticed in your CSS, that you have mixed in some HTML and Javascript, namely the code to stop the filmstrip. Move these lines:
// fix the pesky pipes
YE.onAvailable("cobrand_footer", function() {this.innerHTML = this.innerHTML.replace(/\||what are feeds\?/gi, '');});
and this:
filmstripMove = 0;
out of your CSS section and add the following into your footer section, instead:
<skript type="text/javascript" language="Javascript">
// fix the pesky pipes
YE.onAvailable("cobrand_footer", function() {this.innerHTML = this.innerHTML.replace(/\||what are feeds\?/gi, '');});
filmstripMove = 0;
</skript> *** Make sure to replace the word 'skript' in the above with 'script'. (The forum editor rejects inline script code...)

You might also want to move these lines:
<metta http-equiv="imagetoolbar" content="no">
<metta http-equiv="imagetoolbar" content="false">
out of your CSS and into your head section (NOT your header section).
***Again, replacing 'metta' with 'meta'.

Hope this helps...

Bill

[richW]

Bill has you going in the right direction. What you are going to need to do is some housekeeping.

Remove the following from your css section:

// fix the pesky pipes

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


****** http-equiv="imagetoolbar" content="no">
****** http-equiv="imagetoolbar" content="false">


filmstripMove = 0;

From the head section to the header:
<div id="my_banner"><center><a href="http://www.colorblindprd.com/" target="_blank"><img src="http://colorblind.smugmug.com/photos/175570240-O.jpg"border="0"></center>
</div>

And the <a href> is open causing your control panel button to link back to http://www.colorblindprd.com

Ivar's banner tutorial: http://dgrin.smugmug.com/gallery/1932865

I find it much easier to design a site by color and size first. Get the look, then start on any extras.

When it comes to javascript, insert one code at a time. Check your whole site to see if you are getting the desired results and check for any errors. If you have no errors and you have the desired results, move on to the next mod you want.

If you don't have Firefox and WebDev, their links are in my signiture below.

Control panel: http://www.smugmug.com/homepage/cobrand.mg

edit: Sorry Bill, I missed your last post. You pointed out the misplaced code. :)

[ivar]

Hey guys,

I'm in the account, fixing some stuff. JS is in the CSS field, HTML in the tag field, and some unclosed tags which are breaking a lot of stuff, stby.

[ivar]

http://www.dgrin.com/showthread.php?p=605891#post605891

[oxy8384]

Rich and Ivar,
Glad to know you're there to pick up the ball....:thumb

Bill