Titles on slider being truncated (14 posts)

  1. hello there fine sir
    Posted 3 years ago #

    On the slider, the titles of the articles are often missing the last word. This began when I updated the leaf theme. The same thing happens in both Explorer 9 and Firefox 18. The title only gets truncated sometimes.

    Here is my site so you can see what I mean.

  2. bradthomas127
    Theme Author

    Posted 3 years ago #

    @ydylma - Yes its a problem with iView slider, i haven't been able to fix.

  3. Vichet Sen
    Posted 3 years ago #

    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.

  4. hello there fine sir
    Posted 3 years ago #

    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:

    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() + 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.

  5. Vichet Sen
    Posted 3 years ago #

    Nice ydylma. It is something like this.

  6. hello there fine sir
    Posted 3 years ago #

    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.

  7. Vichet Sen
    Posted 3 years ago #

    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.

  8. dmhorn
    Posted 3 years ago #

    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!!

  9. hello there fine sir
    Posted 3 years ago #


    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.

  10. dmhorn
    Posted 3 years ago #

    Thank you so much! I'll give it a shot.

  11. dmhorn
    Posted 3 years ago #

    It worked! Thank you! Thank you!

  12. Hummingbird4
    Posted 3 years ago #

    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 :-)

  13. Djidiouf
    Posted 2 years ago #

    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.

  14. Djidiouf Per the forum welcome please post your own topic.


Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic