Support » Theme: Leaf » Titles on slider being truncated

  • 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.
    http://www.orgamesmic.com

Viewing 13 replies - 1 through 13 (of 13 total)
  • Theme Author bradthomas127

    (@bradthomas127)

    @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.

    Thread Starter hello there fine sir

    (@ydylma)

    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.

    Thread Starter hello there fine sir

    (@ydylma)

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

    Thread Starter hello there fine sir

    (@ydylma)

    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

    Djidiouf Per the forum welcome please post your own topic.

    http://wordpress.org/support/theme/leaf#postform

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘Titles on slider being truncated’ is closed to new replies.