Joomla Templates Club 406,261 posts

[dpchap015 Friend dpchap015Join date: September 2011Posts: 300Downloads:75Uploads:57 Thanks: 1 Thanked: 24 times in 1 posts]

#190805

I am testing JA Content Slider on my teline iv with Joomla 2.5.14, JA Content Slider version 2.6.4 and Teline iv version 2.5.2

I am not seeing the images in the Slider because there is a “style: opacity:0;” included in the code

Please see the image below:

How do i fix this, and what is the best solution?

---

Attachments:

1. 

[dpchap015 Friend dpchap015Join date: September 2011Posts: 300Downloads:75Uploads:57 Thanks: 1 Thanked: 24 times in 1 posts]

#506619

I also noticed this, When i enable the “show tabs” for the sub categories, the images appear only when i click a particular tab, otherwise they don’t.
Please see the images below:

---

Attachments:

1. 
2. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#506683

Hi there,

Would need a closer look to check this, pls pm me URL and admin account of site you’re working on. Also make sure that all extensions use in tabs are up-to-date.

[dpchap015 Friend dpchap015Join date: September 2011Posts: 300Downloads:75Uploads:57 Thanks: 1 Thanked: 24 times in 1 posts]

#506688

Thanks @saguaros
Will drop you the PM in a while.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#506810

Leave me a message here when you send it 🙂

[dpchap015 Friend dpchap015Join date: September 2011Posts: 300Downloads:75Uploads:57 Thanks: 1 Thanked: 24 times in 1 posts]

#506834

@saguaros:
<em>@Saguaros 390835 wrote:</em><blockquote>Leave me a message here when you send it :)</blockquote>

PM Sent. 🙂

I almost forgot to mention the URL: http://test.eduvative.in/etr_test_1/opinions#ja-topsl2

See this page also along side: http://test.eduvative.in/etr_test_1/opinions-2
Here even if i manually disable “opacity:0” ; the title causes the images to overflow out of the div and they get cut at bottom or if there is another div, the title of the next div overlaps it. Guide me through this also.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#506931

Hi

I don’t see that the images overflow out of the div:

Currently, you can open file: /modules/mod_jacontentslider/assets/css/style.css


.ja-contentslider-center img {
background: none repeat scroll 0 0 #F5F5F5
border: 1px solid #DDDDDD
margin: 0;
overflow: hidden;
padding: 3px;
opacity: 1!important;
}


Then clean JAT3 cache.

[dpchap015 Friend dpchap015Join date: September 2011Posts: 300Downloads:75Uploads:57 Thanks: 1 Thanked: 24 times in 1 posts]

#506986

Hi, thanks for the reply.
The css update fixed the issue but the overflow : http://test.eduvative.in/etr_test_1/opinions-2#ja-topsl3
Have a look at the image:

Just above the 1st image and the last image, you will see what i am talking about. one reason is that this is because of the long titles, but i can’t help with the titles, but how do i increase the size of the “EDTECH DEMYSTIFIED” container to accommodate the items automatically according to the size.

Also, can you please tell me, is there any way to put videos instead of images in the JA Content Slider ?

---

Attachments:

1. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#507289

Hi

You can try to change the padding of image in this slider module by opening file: /modules/mod_jacontentslider/assets/css/style.css


.ja-contentslider-center img {
background: none repeat scroll 0 0 #F5F5F5
border: 1px solid #DDDDDD
margin: 0;
opacity: 1 !important;
overflow: hidden;
padding: 3px; <<< change to 0
}


and clean JAT3 cache.

[dpchap015 Friend dpchap015Join date: September 2011Posts: 300Downloads:75Uploads:57 Thanks: 1 Thanked: 24 times in 1 posts]

#507300

i also notices that since i last changed the css and all, i am getting some css clash: http://test.eduvative.in/etr_test_1/news
and look for the 5th News – “Why Schools Should Adopt and Implement Technology”; the images and text overlap, and it is happening in other category blog layouts also.

there is a CSS property width: 1px; in the line <div class=”img_caption left” style=”float: left; width: 1px;”> which is causing problem.
And this only happens with the 4th News onwards and not with the 1st 3 news items. :((

I noticed that this image caption issue and the text overlapping the image problem is being caused by “Lazy Load for Joomla!” plugin, how can i fix this problem.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#507643

As I can see that the image seems to look fine now:

http://i.imgur.com/3aPt0XW.png

Did you solve it?

[dpchap015 Friend dpchap015Join date: September 2011Posts: 300Downloads:75Uploads:57 Thanks: 1 Thanked: 24 times in 1 posts]

#507688

I dint fix it, i just disabled “Lazy Load for Joomla!” plugin which was causing that distorted layout. I am enabeling the plugin, so please see and sugge
http://test.eduvative.in/etr_test_1/news?start=14
http://test.eduvative.in/etr_test_1/news

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#507841

I tried to check the config of this Lazy Load plugin but the account you send me doesn’t have permission to view, kindly check the PM I sent you and also send me ftp account, I will debug the code if needed.

Regards

[dpchap015 Friend dpchap015Join date: September 2011Posts: 300Downloads:75Uploads:57 Thanks: 1 Thanked: 24 times in 1 posts]

#507905

@saguaros Sorry for the trouble, please check your PM

[dpchap015 Friend dpchap015Join date: September 2011Posts: 300Downloads:75Uploads:57 Thanks: 1 Thanked: 24 times in 1 posts]

#507909

I am getting this error @saguaros while sending the PM to you.

<blockquote>Saguaros has exceeded their stored private messages quota and cannot accept further messages until they clear some space.</blockquote>

[Author]

Posts