removing slideshow image borders

nshelton / 2010-08-04 02:58:41   

I have searched through the forums to no avail.

I have tried to remove every image-border on this site by editing the css in the sample folder. It has worked out except for the sets of images using the slideshow plug-in feature.

here is what it looks like

...i need a simple explanation as I'm a newbie.

thanks for your time!

blameme / 2010-08-04 08:04:15   

I think that you will have to edit the slideshow.php directly, if I remember right the border is styled inline in the plugin.

rickykappa / 2010-08-04 08:08:20   

you should edit the plug-in itself, where it writes the following inline style (which you currently have in your html code):
.img-bot{margin-bottom: 6px;display: block;border: 1px solid #f0f0f0;}

rickykappa / 2010-08-04 08:08:41   

ops! late... ;-)

nshelton / 2010-08-04 15:28:47   

hmmm I tried changing the plugin, setting the border on the .img-bot line @ 'none' or '0' but it's still not getting rid of the borders.

I know how to replace 1px with 0 and other simple things but not too savy about how to write out the whole line; any suggestions about how the .img-bot line should look if I want to remove the image borders?

nshelton / 2010-08-04 23:43:41   

spent more time on it, still can't get rid of image borders that use the slideshow plugin.
when I go to a page with the slideshow feature, i look at the source and see this:

style

#img-container p { margin-bottom: 5px; }
#img-container p span { line-height: 5px; }

.submenu{display: none}
.img-bot{margin-bottom: 6px;display: block;border: 1px solid #f0f0f0;}

style

I've looked in both the plugin slideshow file and styles.css and cannot locate where this line is located to change it, please help

rickykappa / 2010-08-05 08:36:00   
.img-bot{margin-bottom: 6px;display: block;border: 1px solid #f0f0f0;}

if you still see in your code that line above - which eventually is the same I've pointed before, means you didn't edit it as @blameme and I suggested...
/site/plugin/exhibit.slideshow.php
at the end you'll find the
function dynamicCSS()
where that line is located, than you only need to change the 1px border value to 0
try it, must work! ;-)

nshelton / 2010-08-05 15:41:22   

I understand that, and I thank you for your help, but what I'm saying is that when I open up the plugin with dreamweaver the only information that it shows at the bottom is:

function dynamicCSS()
{
    return "#num {padding-left: 6px;}
    .img-bot {margin-bottom: 6px; display: block; }";
}

It doesn't show the other information of:
.img-bot{margin-bottom: 6px;display: block;border: 1px solid #f0f0f0;}

Both of these lines show up in the source a few lines from each other if you want to look again. This is what's confusing me. Why would it show up in the source but not in the slideshow plugin-file when opened dreamweaver?

nshelton / 2010-08-05 16:53:08   

bah! it was in the index.php file in the sample folder.

hope that helps, someone else.

This thread has been closed, thank you.