@ydylma – Yes its a problem with iView slider, i haven’t been able to fix.
I have checked it. I found the problem on firefox is that .caption-contain
generates width
less than 1px. If you increase the width
, it will show.
I think I resolved it.
The issue was with .iview-caption.caption3 . The width that is generated is, for some reason, a little shorter than needed. To fix this, I simply added more width to the equation.
The file I needed to edit was:
themes/leaf/js/iview/iview.min.js
iview.min.js seems to be a condensed version of iview.js. From looking at iview.js, line 574, the setCaption function, stored the width. So to fix the issue, I went into iview.min.js and changed:
b.width()
to
(b.width() + 25)
I found this on line 32. The 25 is just to add 25 pixels, it is not the exact number needed probably, it is just what I chose to use.
Nice ydylma. It is something like this.
I just discovered that 25 pixels is added every time the slider repeats a slide. So this could be bad. I could live with it for now though.
Might be you can try to change other variable and reset your previous change.
You can try to change: position:"relative",width:j
to position:"relative",width:j + 25
I found this on line 33 in the iview.min.js.
Hi! I’m having this same issue; however, I’m not sure where to make the change in the editor section of the wordpress dashboard. I see the file to change in the download, but I’m not sure how to access the format & don’t want to re-upload. I’m new at this. Thanks for understanding!!
dmhorn,
I am not sure if you can edit it in the wordpress dashboard editor thingie. I don’t think you can.
To edit iview.min.js, you open it open it up with a text editor like notepad. If you are using Windows, right-click on the file and choose “edit”, or right-click, choose Open With, and choose Notepad.
Press CTRL+F to search in Notepad, or choose Edit, Find from the top menu. Search for b.width()
Change b.width() to (b.width() + 2)
Unfortunately you will have to reupload this file and overwrite the old one. I know that isn’t what you want to do but I don’t see another way. But I’m no WordPress expert.
Thank you so much! I’ll give it a shot.
It worked! Thank you! Thank you!
Hello everyone. Thank you for your support on this issue. I had the same problem but couldn’t fix it because there is no “b.height”-sth in my iview.min.js.
I don’t know why, maybe they updated the theme or sth, but i found a solution nevertheless by using gidd’s help.
So, maybe if someone has the same problem I just want to share my way i solved the problem:
go to the iview.min.is and search for position:”relative”,width: it then leads you to
position:”relative”,width:I and i Just added the + 25 there, instead of to “J”.
I hope this helps 🙂
This issue is still in the last release of this theme.
+ it seems like the fixes here are not anymore effective.
Could someone provide a solution about that?
Thank for the great job done on this theme.
Moderator
Jan Dembowski
(@jdembowski)
Forum Moderator and Brute Squad