Image thumbnail position on RTL Blog

  • Resolved JTS_IL

    (@jts_il)


    10 years ago

    My Blog is in RTL general direction.
    On the Blog archive pages, with the thumbnails on the left/right the image is not displayed properly. The rason is the “left” propery that shoukd be “right” on RTL sites.

    I’ve done some experiments with \customizr\inc\assets\js\parts\jqueryCenterImages.min.js
    this line:
    var j={h:{dim:{name:"height",val:d},dir:{name:"left",val:(c-g)/2+(this.options.leftAdjust||0)},"class":"h-centered"}
    changed the “left” to “right”, and the result was OK.

    Is there a better way to do this adjustment, without changing any JS file?

Viewing 8 replies - 1 through 8 (of 8 total)

  • Hi,
    maybe depends on something else, how much is it not displayed properly?
    Could you share a link to your site?

    Thread Starter JTS_IL

    (@jts_il)

    Hi d4z_c0nf,

    here is the link to the page: https://www.glezer.co.il/category/%D7%9E%D7%A2%D7%A8%D7%9B%D7%95%D7%AA-%D7%9E%D7%99%D7%93%D7%A2/

    but now it’s with the fixed JS file.

    the properties of the thumbnail are inline style :
    <img width="1024" height="367" src="https://www.glezer.co.il/wp-content/uploads/2015/02/1024x367xPOLICE-1024x367.jpg.pagespeed.ic.-4TOJ8ruh9.jpg" class="attachment-large tc-thumb-type-thumb wp-post-image wp-post-image h-centered" alt="??? ????? ??? ?????" style="height: 250px; width: auto; right: -214.5px; top: -2px;">
    the “right:-214.5px” was “left:-214.5px” before the change.
    it’s not CSS, nor php, the “left” comes from the JS metioned on original post

    Yeah I know where it comes from, ??
    try with this css instead:

    img.h-centered {
    float: left;
}

    (without changing the js)

    Thread Starter JTS_IL

    (@jts_il)

    Hi,

    10X

    That is a better solution…

    I suggest to add those lines to the rtl.css that comes with the theme, for all other LTR users

    ??

    rtl.css doesn’t come with the theme though ??
    mmm or at least not anymore ??

    Thread Starter JTS_IL

    (@jts_il)

    ??

    It should!!!

    I have some more issues that I fixed with rtl.css

    I meant, it has a rtl css, it’s just that is name isn’t rtl.css ??

    Feel free to share your improvements!!!!

    Thread Starter JTS_IL

    (@jts_il)

    I surely will!!!
    on a new “support post”
    10X

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Image thumbnail position on RTL Blog’ is closed to new replies.