Controlling image border color

[gfanslow]

I'm using the Simple Template that comes bundled with vers. 1.4.3 and would like to be able to assign the border color that is used for the main image. For example I'd like to use white for color images and black for B&W images. Is there a modification to do this?

I would also like to eliminate the border from the thumbnail images. Any help on this would be much appreciated.

I'm sure these questions have been asked and answeered before, but I've just trolled searched this forum almost everyway I can think and couldn't find the information.:)

[e300]

the image border is done in CSS for images.

You could probably modify the border style around thumbnail images without too much trouble - it would of course mean modifying the stylesheet, and also looking thru the code and finding everywhere that thumbnail images are produced and making sure the style is applied.

Having a different colour border for different images is much more difficult and I would not really know where to begin on that one. A quick guess is that you would probably need to use the different categories, and when an image has a B&W Category to add some code to the produced page to apply some different CSS/Style information.

I would have to say that to acheive either of these is of at least intermediate php/css/html knowledge would be required.

[Connie]

as I suggested in many postings already, and these postings can be found here by a search ;=)

do the following:

install FIREFOX if you haven't done already
install the webdeveloper toolbar

open your site in Firefox
choose CSS/View STYLE INFORMATION and identify the borders which you want to change, you will find that information in the status line at the bottom of the screen

click on EDIT CSS and edit the items there until you see the borders like you want to have them

if so, save the CSS and upload it to your template-directory

[gfanslow]

Thanks for the help. I think I'll try this last suggestion.

When you say "open your site with FireFox" do you mean open the URL for the homepage, or open the style sheet from the control panel.

I was under the impression that style sheets are only working on the server to serve up code, and aren't visible externally??

[Joe[y]]

I was under the impression that style sheets are only working on the server to serve up code, and aren't visible externally??

browsers are what turn css into design. you don't need a server for that.

[gfanslow]

Okay. Thanks.

[gfanslow]

Ugh!

I hate to say it, but I've installed the developer's toolbar for firefox and used the pointer to identify the part othe style sheet that designs the look of my image and I refer to the style sheet and see that there is a command in the section which specifies an improbably thin 1 pixel border.

Just to test if I'm in the correct part of the CSS, I set the border size to "0px" which has no noticable effect on anything.

What I'd like to do is make the border around the main images a bit thinner and make it a different black rather than white.

If you're up for a challenge, you can see a rough version of the site at www.framefive.com (I'm a bit embarassed :rolleyes: b/c I've loaded the site with baby pictures and lots of silly text, so try to overlook that stuff).

Any assistance would be greatly appreciated.

[Joe[y]]

i think you need to remove any padding from around the image. look for padding in #photo

[gfanslow]

That worked! Thanks a lot.