PDA

View Full Version : Border around images in galleries?


justice-photography
Mar-06-2009, 08:29 AM
I have tried a couple different codes to change the border color around all of the images in all of my galleries but it is not working. I don't want any of my images in my galleries to have a border, so I want the border to be white. But I cannot figure out what I need to do, or what I am doing wrong. Any help would be greatly appreciated! Thanks!

www.justice-photography.com (http://www.justice-photography.com)

http://justice-photography.smugmug.com/gallery/7435329_2pqHX Here is an example of a gallery that I don't want the border to be black, I want it white so it will just looked like a curved image. :D

justice-photography
Mar-06-2009, 08:35 AM
Shoot, I forgot I have a couple more questions.

I use all of my galleries as a filmstrip style. Is there any way that I can make my filmstrip stay at the large option? And also is there a way I can make it so viewers cannot control the size?

Also how do I figure out how wide the large part is to match up to my banner (pixel wise)?

I want all of my galleries filmstrip with the setting set to large, no one can change it and my banner size to be the same as the large setting in my filmstrip galleries.

http://justice-photography.smugmug.com/gallery/7435329_2pqHX

Here is an example gallery. Click on large at the bottom and you will see what I want, and my problem now.

Thanks SO much!!

justice-photography
Mar-06-2009, 01:54 PM
Any help would be greatly appreciated. Thanks!

justice-photography
Mar-06-2009, 03:05 PM
Is there anywhere else I can go since I am not getting any response here?

denisegoldberg
Mar-06-2009, 03:56 PM
...http://justice-photography.smugmug.com/gallery/7435329_2pqHX Here is an example of a gallery that I don't want the border to be black, I want it white so it will just looked like a curved image.
This will remove the border from the image:
.imgBorderOn {
border: 0px !important;
}--- Denise

justice-photography
Mar-06-2009, 05:12 PM
Thank you Denise that worked perfectly.

Can anyone answer my other questions? Thanks!

Allen
Mar-06-2009, 05:15 PM
Thank you Denise that worked perfectly.

Can anyone answer my other questions? Thanks!
I've not seen anyway to control the filmstrip page like you want.

justice-photography
Mar-11-2009, 10:18 AM
I used the code to take away the border. It works with everything but not in this journal gallery http://justice-photography.smugmug.com/gallery/4228365

What could be wrong? Any help is appreciated! Thanks!

Allen
Mar-11-2009, 10:31 AM
I used the code to take away the border. It works with everything but not in this journal gallery http://justice-photography.smugmug.com/gallery/4228365

What could be wrong? Any help is appreciated! Thanks!
Try this, flipped photo so you're not talking out of the back of your head
and formatted text.

.gallery_4228365 .photo.left {
float: right !important;
padding-right: 40px;
}

.gallery_4228365 .caption {
padding-left: 40px !important;
font-size: 115%;
width: 400px !important;
text-align: justify;
}

.gallery_4228365 a img.imgBorder,
.gallery_4228365 .imgBorder {border: none;}

justice-photography
Mar-11-2009, 10:44 AM
Thanks so much that works, and it looks great!

justice-photography
Mar-13-2009, 12:17 PM
I have another question. There is a white line across the bottom of my page (all of my pages on my site) that is either just above or on the same line as "Copyright 2009 © Justice Photography. All Rights Reserved.". This happened before at the top of my page and someone gave me a code to get rid of it. How can I get rid of the line at the bottom of my page? Thanks!

Allen
Mar-13-2009, 02:07 PM
I have another question. There is a white line across the bottom of my page (all of my pages on my site) that is either just above or on the same line as "Copyright 2009 © Justice Photography. All Rights Reserved.". This happened before at the top of my page and someone gave me a code to get rid of it. How can I get rid of the line at the bottom of my page? Thanks!
Does this thinge of margin in your CSS fix it?

#cobrand_footer .nav {margin-top: -5px;}

justice-photography
Mar-15-2009, 08:08 PM
Yes that code works. Thank you for your help!

nycfirefighter
Aug-30-2009, 01:39 PM
Hi,

I implemented this code from Allen's response

/* No image border for icons on Contact Us page */

.gallery_5183741 a img.imgBorder,
.gallery_5183741 .imgBorder {border: none;}

but I still show borders around images in this one Journal gallery.

http://www.digitalphotographybyfrank.com/gallery/5183741_fT383

All help is appreciated.

FD