Joomla Templates Club 406,261 posts

[pfrutuoso Friend pfrutuosoJoin date: October 2008Posts: 6Downloads:0Uploads:0 Thanks: 2 Thanked: 1 times in 1 posts]

#135139

Hi,

My questions are related with the JA_Slideshow

1. It’s possible to change the border color of the thumbnails (by default it’s yellow when it’s active).
I’ve tried some changes on the ja.slideshow.css but result nothing.

2. It’s possible to change the color of the title in the description of the picture that it’s active?
By default it is yellow too.

3. It’s possible to change the width & height of the rectangular “shadow” that appears behind the description of the picture that it’s active?

Hope you can help me.

You make great templates! 😉

Thanks in advance for your help.

Regards.

[bennitos Friend bennitosJoin date: May 2008Posts: 1717Downloads:0Uploads:39 Thanks: 39 Thanked: 474 times in 407 posts]

#278352

1. the border color:

In your ja.slideshow.css around line 68 change:


border:2px solid #FFCC00;
color:#FFFFFF;
text-decoration:none;


Change the item marked in red to the color you want.

1 user says Thank You to bennitos for this useful post

1. sfpkent

[bennitos Friend bennitosJoin date: May 2008Posts: 1717Downloads:0Uploads:39 Thanks: 39 Thanked: 474 times in 407 posts]

#278353

2. color of title of describtion:

in your ja.slideshow.css around line 93 change the item marked red to the color you want:


color:#FFCC00;
margin:0;
padding:0 20px 5px;


1 user says Thank You to bennitos for this useful post

1. sfpkent

[pfrutuoso Friend pfrutuosoJoin date: October 2008Posts: 6Downloads:0Uploads:0 Thanks: 2 Thanked: 1 times in 1 posts]

#278354

Hi bennitos,

can you tell me de name of the 2 class’s? My ja.slideshow.css only have 86 lines (opening with dreamweaver) 🙁

Txs for your help 😉

[bennitos Friend bennitosJoin date: May 2008Posts: 1717Downloads:0Uploads:39 Thanks: 39 Thanked: 474 times in 407 posts]

#278355

3. change the with of describtion

Open your ja.slideshow.css again and around line 82:


background:transparent url(../images/trans-bg.png) repeat scroll 0 0;
bottom:0;
color:#FFFFFF;
padding:10px 0;
position:absolute;
right:10px;
width:83%;
z-index:10;


Change the part marked in red. And remember always make backups!

1 user says Thank You to bennitos for this useful post

1. sfpkent

[pfrutuoso Friend pfrutuosoJoin date: October 2008Posts: 6Downloads:0Uploads:0 Thanks: 2 Thanked: 1 times in 1 posts]

#278356

<em>@bennitos 89732 wrote:</em><blockquote>3. change the with of describtion

Open your ja.slideshow.css again and around line 82:


background:transparent url(../images/trans-bg.png) repeat scroll 0 0;
bottom:0;
color:#FFFFFF;
padding:10px 0;
position:absolute;
right:10px;
width:83%;
z-index:10;


Change the part marked in red. And remember always make backups!</blockquote>

Even if i search for “images/trans-bg.png” throug the ja.slideshow.css I don’t get any results. :((
And I don’t find the code that you said near de line you’ve mentioned. :((

Txs again for helping me.

1 user says Thank You to pfrutuoso for this useful post

1. sfpkent

[bennitos Friend bennitosJoin date: May 2008Posts: 1717Downloads:0Uploads:39 Thanks: 39 Thanked: 474 times in 407 posts]

#278357

just downloaded the file to double check this is how it should be in your css:

templatesja_sanidinecssja.slideshow.css or
templatesja_sanidineii_lightcssja.slideshow.css


.ja-slideshowdesc {
position: absolute;
bottom: 0;
right: 10px;
z-index: 10;
width: 83%;
background: url(../images/trans-bg.png);
padding: 10px 0;
color: #FFFFFF;



#ja-slidebar ul li a:hover {
border: 2px solid #FFCC00;
text-decoration: none;
color: #FFFFFF;
}



.ja-slideshowdesc h3 {
padding: 0 20px 5px;
margin: 0;
color: #FFCC00;
}


2 users say Thank You to bennitos for this useful post

1. pfrutuoso
2. sfpkent

[pfrutuoso Friend pfrutuosoJoin date: October 2008Posts: 6Downloads:0Uploads:0 Thanks: 2 Thanked: 1 times in 1 posts]

#278371

bennitos,

I was making the changes on the modulesja_slideshowja.slideshow.css 😮
I’ve made the changes you’ve told me and now is working! 😀

Txs a lot for you help. I will “thank you” 😉

[sugiarto Friend sugiartoJoin date: November 2008Posts: 91Downloads:6Uploads:9 Thanks: 16 Thanked: 4 times in 1 posts]

#278376

Hi bennitos,

This article is usefull for me too, thanks.

Rgs,
Sugiarto

[Author]

Posts