Joomla Templates Club 406,261 posts

[coremain Friend coremainJoin date: April 2011Posts: 55Downloads:0Uploads:11 Thanks: 14]

#163764

Hello,

I´ve enebled show description in Methys templete.

If I set value “Description background opacity” to 0, the user can show next and prev image with a click.
If I set a value in this “Description background opacity field”, it seems like another image (opacity) [¿?] display over the images and the click in the next and prev arrow doesn´t work.

Thanks,

María

[coremain Friend coremainJoin date: April 2011Posts: 55Downloads:0Uploads:11 Thanks: 14]

#390802

Any idea? I need to show descriptions over the images on the slideshow…
Thanks,

http://213.60.247.31

María

[xyxyll Friend xyxyllJoin date: December 2010Posts: 8Downloads:0Uploads:0 Thanked: 3 times in 2 posts]

#391122

There is in fact a mask over top of the center slideshow image when opacity is not 0 (blocks the arrows). What I’ve done is narrow the width of this Mark Width to 400 in the module settings and then added a margin-left to #ja-slideshow .maskDesc{ margin-left: 500px; } in mod_jaslideshow.css in the template’s css folder.

1 user says Thank You to xyxyll for this useful post

1. coremain

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#391338

<em>@coremain 239319 wrote:</em><blockquote>Hello,

I´ve enebled show description in Methys templete.

If I set value “Description background opacity” to 0, the user can show next and prev image with a click.
If I set a value in this “Description background opacity field”, it seems like another image (opacity) [¿?] display over the images and the click in the next and prev arrow doesn´t work.

Thanks,

María</blockquote>

Hi coremain,

Just try like this,open the file of templates/ja_methys/css/mod_jaslideshow.css,look for this css
.maskDesc {
background: none repeat scroll 0 0 #000000;
cursor: pointer;
display: block;
position: absolute;
z-index: 100;
}

Change to
.maskDesc {
background: none repeat scroll 0 0 #000000;
cursor: pointer;
display: block;
position: absolute;
z-index: 98;
}

[coremain Friend coremainJoin date: April 2011Posts: 55Downloads:0Uploads:11 Thanks: 14]

#391439

A last doubt about descriptions in slideshow. I would like modify the text. I need a h3 and p tag. I change the properties in the css file but the aspect description doesn`t change.

<h3>title titletitle title title title title title title</h3>
<p>Text text text text text text text text text text text text text text text text text</p>

#ja-slideshow .maskDesc .ja-slide-desc h3 {
color: #FFFFFF;
text-transform: uppercase;
font-size: 300%;
font-weight: bold
}

Thanks,

María

[xyxyll Friend xyxyllJoin date: December 2010Posts: 8Downloads:0Uploads:0 Thanked: 3 times in 2 posts]

#391488

<em>@coremain 240703 wrote:</em><blockquote>A last doubt about descriptions in slideshow. I would like modify the text. I need a h3 and p tag. I change the properties in the css file but the aspect description doesn`t change.

<h3>title titletitle title title title title title title</h3>
<p>Text text text text text text text text text text text text text text text text text</p>

#ja-slideshow .maskDesc .ja-slide-desc h3 {
color: #FFFFFF;
text-transform: uppercase;
font-size: 300%;
font-weight: bold
}

Thanks,

María</blockquote>

Easy fix. In the slideshow module settings, add h3 in the box titled “Include Tags”.

[Author]

Posts