Joomla Templates Club 406,261 posts

[very old geezer Friend very old geezerJoin date: January 2011Posts: 30Downloads:0Uploads:1 Thanks: 11 Thanked: 1 times in 1 posts]

#173972

The default Slideshow module in Droid 2.5 produces a rather austere fade effect into blackness, on the left and right sides of each slide image.

Can I easily remove that effect so that the full width of each image is displayed?

If not, can I instead change the colour of the effect, please?

Any advice gratefully received.

Mike.

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#438658

Hi

In your template.css find this portion of code

#ja-slideshow .ja-slide-mask, #ja-slideshow .ja-slide-mask2 {
background: url("../images/sl-mask-left.png") no-repeat scroll left top transparent;
display: none;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 100;
}
#ja-slideshow .ja-slide-mask2 {
background: url("../images/sl-mask-right.png") no-repeat scroll right bottom transparent;
display: none;
position: absolute;
z-index: 101;
}

Add the two red lines code

[very old geezer Friend very old geezerJoin date: January 2011Posts: 30Downloads:0Uploads:1 Thanks: 11 Thanked: 1 times in 1 posts]

#438668

<em>@very old geezer 301035 wrote:</em><blockquote>The default Slideshow module in Droid 2.5 produces a rather austere fade effect into blackness, on the left and right sides of each slide image.

Can I easily remove that effect so that the full width of each image is displayed?

If not, can I instead change the colour of the effect, please?

Any advice gratefully received.

Mike.</blockquote>

Thank you.

Will that new code be overwritten as and when I upgrade Droid and Joomla, please?

Mike.

[very old geezer Friend very old geezerJoin date: January 2011Posts: 30Downloads:0Uploads:1 Thanks: 11 Thanked: 1 times in 1 posts]

#438669

In template.css there is no reference to the Slideshow module.

Mike

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#438679

Could you post a link to your site and from template manager set CSS optimization to No ?

Thanks

[very old geezer Friend very old geezerJoin date: January 2011Posts: 30Downloads:0Uploads:1 Thanks: 11 Thanked: 1 times in 1 posts]

#438681

<em>@pavit 301069 wrote:</em><blockquote>Could you post a link to your site and from template manager set CSS optimization to No ?

Thanks</blockquote>

No can do, developing locally.

Mike.

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#438684

sorry

only now i have noticed the error my fault, the file is not template.css but mod_jaslideshow.css

in this folder templatesja_droidcss

[very old geezer Friend very old geezerJoin date: January 2011Posts: 30Downloads:0Uploads:1 Thanks: 11 Thanked: 1 times in 1 posts]

#438688

<em>@pavit 301078 wrote:</em><blockquote>sorry

only now i have noticed the error my fault, the file is not template.css but mod_jaslideshow.css

in this folder templatesja_droidcss</blockquote>

That’s OK, I should have taken a closer look in that folder 🙂

I have added those two lines and the mask has gone, and the full width of images are now delivered.

However, what now remains are black margins – possibly 60px wide either side of the image(s).

Is it possible to change the colour of those margins to that of the header ? I am using the ‘Violet’ profile.

With Thanks,

Mike.

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#438703

I think that for black margin you are referring to the slideshow background that is managed by the same file at line 15

#ja-slideshow {
background: none repeat scroll 0 0 #000000; this is the Hex that controls the black background change to your desired color
border-top: 1px solid #000000;
overflow: hidden;
position: relative;
z-index: 10;
}

1 user says Thank You to pavit for this useful post

1. very old geezer

[very old geezer Friend very old geezerJoin date: January 2011Posts: 30Downloads:0Uploads:1 Thanks: 11 Thanked: 1 times in 1 posts]

#438788

<em>@pavit 301099 wrote:</em><blockquote>I think that for black margin you are referring to the slideshow background that is managed by the same file at line 15

#ja-slideshow {
background: none repeat scroll 0 0 "]#000000; this is the Hex that controls the black background change to your desired color
border-top: 1px solid #000000;
overflow: hidden;
position: relative;
z-index: 10;
}
</blockquote>

I am not able to find that line in mod_jaslideshow.css

I wonder if I have a different version of the template to the one you are looking at ?

Currently I have version Droid 2.5

Mike.

[very old geezer Friend very old geezerJoin date: January 2011Posts: 30Downloads:0Uploads:1 Thanks: 11 Thanked: 1 times in 1 posts]

#438789

<em>@very old geezer 301218 wrote:</em><blockquote>I am not able to find that line in mod_jaslideshow.css

I wonder if I have a different version of the template to the one you are looking at ?

Currently I have version Droid 2.5

Mike.</blockquote>

Please ignore my last post.

The section that controls the colour of the slideshow margins are found in mod_jaslideshow.css (JA Droid version 2.5)

#ja-slideshow {
background: #000;
border-top: 1px solid #000;
position: relative;
z-index: 10;
overflow: hidden;

Thank you very much for your kind assistance.

Mike.

[Author]

Posts