Internet_Sharing banners

[FSGDAG]

I'm using Internet_Sharing theme and on the index page there are 5 banners rotating. In the upper right of each banner that rotates there is a title for that banner. I want to remove the title.

I went into the code and removed title="Banner1", but no matter if I remove just 'Banner1' or remove the entire title tag, it then says 'undefined' when the banner rotates.

Any chance I can just take that part out?

[Bruceper]

I'm sure there is, but Irkham would be the one to tell you about this.

[maulana]

hi frank,

here the steps how to remove slideshow title:

replace your image title with blank space,

<img src="<%$tpl_base%>/images/banner/banner1.jpg" title="Banner 1" rel="http://#">

change to :

<img src="<%$tpl_base%>/images/banner/banner1.jpg" title=" " rel="http://#">

then open slide.css file and find and change background-color: #FFA928; to background-color: none; at opa class.

.opa{
color:white;
padding:10px 20px 0px 20px;
position: absolute;
z-index: 101;
background-color: #FFA928; <== change to background-color: none;
opacity:0.5;
filter: alpha(opacity=50);
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100,FinishOpacity=50, Style=3, StartX=0, FinishX=100, StartY=0,FinishY=16);
-moz-opacity: 0.5;
}

hope this clear.

thanks.

[FSGDAG]

Your the man maulana!!! Thank you very much!

One more quick question.. Not all my banners are the same size.. It would look better if the banners were centered instead of aligned left. Is it possible to do that? I'm pretty sure I'll need to make a change in .opa again, but not sure which one.

[maulana]

ok frank,

to do this you need to overwrite the default css from banner slideshow.
simply add this code to slide.css:

#showhereshow {
text-align: center;
}

and you are done .

[FSGDAG]

I added the code to the CSS slide.css but the banners are still starting from the left. Do I need to edit something in index.html to use #showhereshow?

[maulana]

sorry i miss something frank,

open your slide.css and add this code at the top :

#showhere table {
margin: 0 auto;
text-align: center;
vertical-align: middle;
}

[FSGDAG]

You ROCK maulana!!!! Thank you so much! Works perfectly!

[maulana]

you are welcome frank .