Joomla Templates Club 406,261 posts

[mmay Friend mmayJoin date: October 2007Posts: 51Downloads:0Uploads:0 Thanks: 9 Thanked: 1 times in 1 posts]

#140215

I am trying to figure out why my description here is not viewable:

http://www.stopkillingyourselftolive.com/

The description:

JA Nickel

New Joomla! Business Portal

You might have known our corporate templates JA Edenite, JA Mageia, JA Bellatrix etc., this collection now sees a new alternative

is BARELY viewable, same color as outside background color – i have tried changing the opacity (BTW, what is the range on opacity?), the font color is not the same as the background – at least not anywhere i can see. I would assume it would be white just like the demo. I have only one item in the slideshow if that makes a difference?

[cssyeah Moderator cssyeahJoin date: June 2006Posts: 653Downloads:73Uploads:15 Thanked: 121 times in 81 posts]

#301234

Hi mmay,

You need config show the description in backend of the JA Slideshow2 module.

Show description: Description with Readmore

[mmay Friend mmayJoin date: October 2007Posts: 51Downloads:0Uploads:0 Thanks: 9 Thanked: 1 times in 1 posts]

#301294

And read my first post, it actually IS there – just EXTREMELY dark, almost same color as background – though not that color in css as far as i can tell.

[mmay Friend mmayJoin date: October 2007Posts: 51Downloads:0Uploads:0 Thanks: 9 Thanked: 1 times in 1 posts]

#301295

tried both ways:

Show description: Description with Readmore
Show description: Description only

[TAnne Mills Friend TAnne MillsJoin date: September 2014Posts: 88Downloads:28Uploads:6 Thanks: 38 Thanked: 14 times in 1 posts]

#301300

It seems to be the opactiy.
Using Firebug I set the opacity to 100 and the text is visible (see attached screenshot).

element.style {
display:block;
height:240px;
left:0;
opacity:100; –> this property was set to 0.01
position:absolute;
top:0;
visibility:visible;
width:940px;
}

Is this a field in the module parameters? If it’s not in the module parameters there is probably a stylesheet associated with the module under mod_nameofmodule that you could modify.

---

Attachments:

1. 

[mmay Friend mmayJoin date: October 2007Posts: 51Downloads:0Uploads:0 Thanks: 9 Thanked: 1 times in 1 posts]

#301602

Now that we have confirmed that, the question is where do i adjust that opacity. I have changed the opacity in the module settings but it seems to have zero effect?

Maybe i should just unistall and then re-install the module?

reinstalling did not help

Changing the description background opacity has no effect

[TAnne Mills Friend TAnne MillsJoin date: September 2014Posts: 88Downloads:28Uploads:6 Thanks: 38 Thanked: 14 times in 1 posts]

#301752

To edit opacity
1. Open modulesmod_jaslideshow2assetsja.slideshow2.js

2. Go to line 105 and change
‘opacity’: 0.01
to
‘opacity’: 0.5

3. Go to line 117 and change
this.descFx.start(0.01);
to
this.descFx.start(0.5);

You can make either of these larger that 0.5, but I would suggest that you keep it lower than 0.8 so you still get a mouse over effect – i.e. the text becomes brighter when you hover your mouse over the slideshow.

[mmay Friend mmayJoin date: October 2007Posts: 51Downloads:0Uploads:0 Thanks: 9 Thanked: 1 times in 1 posts]

#301911

That was correct! Strange that the template is that way in the first place though?

One last question – how do i make the background color of the slideshow the same as the background color of the the top of the page?

http://www.stopkillingyourselftolive.com/

I tried adding a background color to: .ja-slidewrap, .ja-slide-main-wrap and #ja-slideshow but those just made a block over the whole area and lost the drop down part of the ‘stop’ graphic.

Thanks again

[TAnne Mills Friend TAnne MillsJoin date: September 2014Posts: 88Downloads:28Uploads:6 Thanks: 38 Thanked: 14 times in 1 posts]

#301932

Do you mean to hide the darker background image behind the slideshow?

If so edit template.css and go to line 1350 and comment out the background property by changing:
background:transparent url(../images/sl-bg.png) no-repeat scroll left top;
to
/*background:transparent url(../images/sl-bg.png) no-repeat scroll left top;*/

If this isn’t what you were looking for let me know.
T’Anne

[omegareal Friend omegarealJoin date: April 2008Posts: 4Downloads:0Uploads:0]

#307366

hello T’Anne,

This post has answered some questions for me, so I’m hoping you can help with another question I have.

I wanted the opacity mask and text to only cover part of the main image on rollover, not to mask the entire image, so I went to modulesmod_jaslideshow2assetsja.slideshow2.js, line 103

and changed
‘width”: this.options.mainWidth,

to
‘width’: ‘200px’,

Now the mask only covers the left 200px, however it also will only pop up if I roll over that left 200px, rather than the 200px mask popping up if I roll over *anywhere* on the main image, which is what I’m trying to do.

Any advice on this?

Thank you so much!

[TAnne Mills Friend TAnne MillsJoin date: September 2014Posts: 88Downloads:28Uploads:6 Thanks: 38 Thanked: 14 times in 1 posts]

#307682

Can you post the URL so I can look at the website?
Thanks,
T’Anne

[omegareal Friend omegarealJoin date: April 2008Posts: 4Downloads:0Uploads:0]

#307740

Hi, a friend has helped me out with this, but thank you so much for your reply! 🙂

[Author]

Posts