Using custom thumb images does not work

  • Resolved AlanP57

    (@alanp57)


    10 years, 8 months ago

    Hello,

    We are using this code to change the thumb images of the ratings widget: 

    RW.init("our unique id",{
type: RW.TYPE.NERO,
style: RW.CUSTOM,
imgUrl: {
ltr: "http://shoespost.com/wp-content/themes/Avada-Child-Theme/images/rating.png",
rtl: "http://shoespost.com/wp-content/themes/Avada-Child-Theme/images/rating.png"
}
});
RW.render();

    But nothing displays. He have to add some CSS to make it work, but it does not work as well as with the original images: http://shoespost.com/taxi-balerinas/ What is the secret, because the new images are the same as the previous, just with different colors.

    http://wordpress.org/plugins/rating-widget/

Viewing 9 replies - 1 through 9 (of 9 total)
  • Plugin Author Vova Feldman

    (@svovaf)

    10 years, 7 months ago

    Hi @alanp57, I’ve just checked your blog and it seems to be working. Am I missing something or did you resolve the issue? If you did, please share the solution in this thread for others. Thanks.

    Thread Starter AlanP57

    (@alanp57)

    10 years, 7 months ago

    vovafeldman as you can see, I had to add CSS to make it work but it only shows two of the three states of the image. This is the css:
    ˜.rw-ui-nero .rw-ui-like-icon, .rw-ui-nero .rw-ui-dislike-icon {
    height: 30px !important;
    width: 31px !important;
    }

    .rw-ui-nero .rw-ui-like-icon {
    background-position: 0px 0px !important;
    }

    .rw-ui-nero .rw-ui-like-icon:active {
    background-position: 0px -30px !important;
    }

    .rw-ui-nero .rw-ui-like-icon:hover {
    background-position: 0px -60px !important;
    }

    .rw-ui-nero .rw-ui-dislike-icon {
    background-position: -30px 0px !important;
    }

    .rw-ui-nero .rw-ui-dislike-icon:active {
    background-position: -30px -30px !important;
    }

    .rw-ui-nero .rw-ui-dislike-icon:hover {
    background-position: -30px -60px !important;
    }
    ˜

    Do you want me to take the CSS I added out so that no thumbs will display?

    Plugin Author Vova Feldman

    (@svovaf)

    10 years, 7 months ago

    yes, please do it.

    Thread Starter AlanP57

    (@alanp57)

    10 years, 7 months ago

    Now the css has been removed

    Plugin Author Vova Feldman

    (@svovaf)

    10 years, 7 months ago

    O.k, I’m checking it.

    Plugin Author Vova Feldman

    (@svovaf)

    10 years, 7 months ago

    o.k, I understand what’s the problem and I think it’s a bug. Would you mind to send me a temporary admin access to [vova AT rating-widget DOT com] so I can check it in debug mode.

    Plugin Author Vova Feldman

    (@svovaf)

    10 years, 7 months ago

    This was really confusing 🙂 But eventually I’ve found the issue. You’ve added quite a malicious code into the power user settings which made a big mess. But that’s o.k, I’ve just fixed it to the code below and it works:

    options.style = RW.CUSTOM;
options.imgUrl = {
    ltr: "http://shoespost.com/wp-content/themes/Avada-Child-Theme/images/rating.png",
    rtl: "http://shoespost.com/wp-content/themes/Avada-Child-Theme/images/rating.png"
};

    Please let me know if that what you’ve expected.

    Thread Starter AlanP57

    (@alanp57)

    10 years, 7 months ago

    Yes, this works fine now. Thanks

    Plugin Author Vova Feldman

    (@svovaf)

    10 years, 7 months ago

    Great 🙂

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Using custom thumb images does not work’ is closed to new replies.