Thursday, May 31, 2012

Filled Under:

REMOVE WATER MARK IN WOWSLIDER


You might be wondering how to remove the watermark in your slideshow using wowslider right?
I also tried to look online for solutions and I can’t seem to find one so I tried to look at the codes that might help me get rid of it and voila!
Found one.. so here’s what you’ve got to do. A quick tutorial on how to remove or hide watermark in Wow Slider 2.1.3
  1. Replace all the images uploaded in wowslider with the original one and resize according to your preference. Note: Images in wowslider will have their watermarks on it.
  2. Go to engine1 folder and look for wowslider.js



3.Inside “engine1” contain java script, css files and png images, now open “wowslider.js” with any text editor or Dreamweaver
 

4.Inside “wowslider.js” finds padding:”0 0 0 0 “,  then add the following code visibility:”hidden”, then save in order to save changes you have made. 
 


 

  5. Save it, Reload your browser and YOU’RE DONE!

Written by

TECHNODESIGNER i provide different solution and tricks.

87 comments:

  1. FOR A PERMANENT ANSWER for Remove watermark from LATEST versions of Wow Slider View...

    http://varunkerala.blogspot.in/

    i have posted a simple way to remove the watermark from the slider…..

    ReplyDelete
    Replies
    1. it has been removed. kindly post it again

      Delete
  2. i have used your code but they din't work it should be visibility:hidden at the same place where you did.

    website Designing Blog
    Thanks.

    ReplyDelete
    Replies
    1. same problem i have also can u clear the problem plz post ans

      Delete
  3. This works to remove the watermark, but the left and right arrows also disappear and the animation stops! Any thoughts?

    ReplyDelete
  4. Lost i think you made a mistake when you add "visibility:"hidden"," p'se i recommend you to follow instruction again and make sure you put all double quotation mark,full colon and comma.
    DON'T DELETE OR MODIFY ANY CODE OUT OF MY INSTRUCTION.
    thanks!!

    ReplyDelete
  5. nice, it is very helpful !!
    Thank you

    ReplyDelete
  6. I've read carefully the post and all the comments but I still can't find the solution. My problem is that I don´t have a file called "wowslider.js" in my folder "engine1". In the folder "engine1" I just have a file called "jquery.js", another called "script.js", another called "style.css" and images for arrows, bullets, shadows and triangle. So, If I don't have the file "wowslider.js" to modify, whant should I do?

    ReplyDelete
    Replies
    1. Hi "dworf49", can you tell me what version of wow slide are you using plz?

      Delete
    2. IN wowslider.js
      AFTER: .css({position:"absolute",padding:"0 0 0 0"})
      ADD: .css({visibility:"hidden"})

      Delete
  7. I also have the same problem as Lost. When I add your code EXACTLY as stated above - it does remove the watermark but also my right and left arrows. Any ideas why?

    ReplyDelete
    Replies
    1. try to use wow slider version 2.2, or send to me your work to Email:technodesignersx@gmail.com
      mybe i can fix your problem.plz do it thanks.

      Delete
  8. Wow - nevermind! Tried it again, and it worked! EXCELLENT! Thank you!!

    ReplyDelete
  9. Add this to script.js (latest version 10/26/2012)

    $(‘*’).filter(function() {
    return $(this).css(‘z-index’) == 10;
    }).each(function() {
    $(this).hide();
    });

    ReplyDelete
    Replies
    1. cool, thanks my friend for your update, i got it, thanks a lot.

      Delete
  10. Thank you My Friend... It's works greats...

    ReplyDelete
  11. I Google up every thing on the internet until i find this and hell it working on the go.

    Thanks bro

    ReplyDelete
  12. hello, if I send you my work whit wowslider 2.5.3, you can help me to remove watermark?

    ReplyDelete
  13. yes i can plz send to technodesignersx@gmail.com or esternwinluck@gmail.com

    ReplyDelete
  14. ok, but now this: if you replace the pictures with the originals, the slider doesn't show well in firefox and iexplorer. ie the pictures are "jumping" in firefox en showing colored slides between the pictures... anyone found a solution for this ?

    ReplyDelete
    Replies
    1. OK just re-size the original images to be the same as wow slider images then replace(check dimension of wow slider images)

      Delete
    2. I re-sized the pictures into the dimensions of wowslider, it worked in earlier versions and in chrome and safari all is ok.. but ie and firefox it's bad..

      Delete
    3. the problem may be
      1: Browser compatibility
      2: You missed up to put double quotation marks " or you put in a wrong position or you put single '
      So double check the code you have modified if possible gv me your work esternwinluck@gmail.com, i can help you. thanks

      Delete
  15. Update: last version 2.7.1 works perfect now, tahnk you !

    ReplyDelete
  16. for 2.7.1 here how it works..

    $V6f`j~t--~bb~`giY/__]U-v{}c*,6>;M293aikp.d`Mvrd&Wozqsw5Sastj"~mey${btlb!<

    just find the texts above in the text editor then delete it..

    ReplyDelete
  17. thanks ..worked for me

    ReplyDelete
  18. in 2.9, you should delete for this part
    M += U("czvex5oxxd1amnamp9ctTp%{sun4~v{|xj(]elgim+M{iib`?!<");
    M = X ? D(M) : X;
    if (M) {
    M.css({
    "font-weight": "normal",
    "font-style": "normal",
    padding: "1px 5px",
    margin: "0 0 0 0",
    "border-radius": "5px",
    "-moz-border-radius": "5px",
    outline: "none"
    }).attr({
    href: "http://" + d.toLowerCase()
    }).html(d).bind("contextmenu", function (c) {
    return false
    }).show().appendTo(X || document.body).attr("target", "_blank")
    }

    it's work ;)

    ReplyDelete
    Replies
    1. THAAAAAAAAAAAAAAAAAAAAAAAAAAAAnks

      Delete
    2. Thanks!!!its works!

      Delete
    3. excellent.............. thanks...

      Delete
  19. Thumbnail in wow slider are fast moving.. how to make it slow?

    ReplyDelete
  20. awsum yaar ..............thanx

    ReplyDelete
  21. You're a genius, worked a treat - thank you! :)

    ReplyDelete
  22. For latest 3.4 delete:

    S=ah?J(S):ah;if(S){S.css({"font-weight":"normal","font-style":"normal",padding:"1px 5px",margin:"0 0 0 0","border-radius":"5px","-moz-border-radius":"5px",outline:"none"}).attr({href:"http://"+d.toLowerCase()}).html(d).bind("contextmenu",function(c){return false}).show().appendTo(ah||document.body).attr("target","_blank")}

    ReplyDelete
  23. sir i have same problem when i add the visibility:"hidden" in my wowslider.js the left and right arrows are missing. the version of my wowslider is 3.4 would you pls help me

    ReplyDelete
    Replies
    1. For latest 3.4 delete:

      S=ah?J(S):ah;if(S){S.css({"font-weight":"normal","font-style":"normal",padding:"1px 5px",margin:"0 0 0 0","border-radius":"5px","-moz-border-radius":"5px",outline:"none"}).attr({href:"http://"+d.toLowerCase()}).html(d).bind("contextmenu",function(c){return false}).show().appendTo(ah||document.body).attr("target","_blank")}

      Delete
    2. this will work.....
      .......................... delete the padding :0000" and write visibility:hidden

      if arrows will going on wrong direction then


      #wowslider-container1 a.ws_next{
      background-position: 100% 0;
      right:-15px;
      }
      #wowslider-container1 a.ws_prev {
      background-position: 0 0;
      left:-15px;
      }....in this i just change the arrow position by giving both right and left:-15px.it will definitely set in to Ur page.

      Delete
    3. try this one------------
      padding:0000 delete this one and use visibility:hidden.

      if your arrow button is going wrong position then you can set by using change the left:-15px and right:-15px.It will definitely work
      #wowslider-container1 a.ws_next{
      background-position: 100% 0;
      right:-15px;
      }
      #wowslider-container1 a.ws_prev {
      background-position: 0 0;
      left:-15px;
      }

      Delete
  24. Thanks for the help but unfortunately it doesn'twork on the 3.9 version :-(
    Does anybody have a tip? Thx

    ReplyDelete
  25. Guys I'm working on Version 3.9, after few days i'll come up with solution

    ReplyDelete
    Replies
    1. I have found a quick solution. Look for the following in wowslider.js
      .css({zIndex:11,right:"5px",bottom:"2px"})

      Then, I changed the right and bottom to -250px. It will vanish somewhere off screen nowhere to be found.

      .css({zIndex:11,right:"-250px",bottom:"-250px"})

      Delete
    2. Or simply delete it ;)

      Delete
    3. Oh thanks buddy i appreciate your solution. thanks

      Delete
    4. hai this is varma it worked for me thanks a lot buddy..... thank u very much........ its works for 4.1 version also.....

      Delete
    5. oh tanks buddy it worked for me thanks a lot....its also working in 4.1 version also thank u very much...

      Delete
    6. works in 4.4 as well. Thanks

      Delete
  26. waiting for u :) thanks a lot man

    ReplyDelete
    Replies
    1. I've already found Solution for WOWslider version 3.9, click here http://technodesigner.blogspot.com/2013/06/how-to-remove-watermark-in-wowslider.html

      Delete
    2. I've already found Solution for WOWslider version 3.9, click here

      Delete
  27. how to remove wow slider watermark from version 3.8??

    ReplyDelete
  28. thanks for the tip dude, it helped me a lot.

    for version 4.2 the line looked like this before change:
    .css({position:"absolute",padding:"0 0 0 0"})

    and after change it must look like this:
    .css({position:"absolute",padding:"0 0 0 0",display:"none"})

    Display none will tell the DOM not to even render that div.

    ReplyDelete
    Replies
    1. Really working for version 4.2 dude. Thanks!

      Delete
  29. Copy ({position:"relative",display:"block","background-color":"#E4EFEB",color:"#837F80","font-family":"Lucida Grande,sans-serif","font-size":"11px","font-weight":"normal","font-style":"normal","-moz-border-radius":"5px","border-radius":"5px",padding:"1px 5px",width:"auto",height:"auto",margin:"0 0 0 0",outline:"none"});


    And Replace With

    ({position:"relative",display:"none","background-color":"#E4EFEB",color:"#837F80","font-family":"Lucida Grande,sans-serif","font-size":"11px","font-weight":"normal","font-style":"normal","-moz-border-radius":"5px","border-radius":"5px",padding:"1px 5px",width:"auto",height:"auto",margin:"0 0 0 0",outline:"none"});

    ReplyDelete
  30. Thank you very much... it helped me immensely

    ReplyDelete
  31. I LOVE YOU!!! I LOVE YOU I LOVE YOUUU <3 <3 <3

    ReplyDelete
  32. thank youuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu

    ReplyDelete
  33. my problems same with Lost. but my version is 4.7. Why my slide is not work after add your code?

    ReplyDelete
    Replies
    1. For version 4.7
      http://technodesigner.blogspot.com/2013/10/how-to-remove-wow-slider-watermark-from.html

      Delete
  34. how to remove wow slider watermark from version 4.7??

    ReplyDelete
    Replies
    1. For version 4.7
      http://technodesigner.blogspot.com/2013/10/how-to-remove-wow-slider-watermark-from.html

      Delete
  35. how to remove wow slider watermark from version 4.7??

    ReplyDelete
    Replies
    1. For version 4.7
      http://technodesigner.blogspot.com/2013/10/how-to-remove-wow-slider-watermark-from.html

      Delete
  36. how to remove wow slider watermark from version 4.7??

    ReplyDelete
    Replies
    1. For version 4.7
      http://technodesigner.blogspot.com/2013/10/how-to-remove-wow-slider-watermark-from.html

      Delete
  37. I'm using 4.2 and web-building software called Jimdo. I've changed the wowslider.js code as stated above (i.e. added "hidden", changed the correct display to "none" and even changed the code ".show" to ".hide"

    Still is showing the watermark though. Maybe the Jimdo server is cacheing an old version of the wowslider.js file? I keep deleting it and then re-adding it to their server, but still isn't working. Any ideas?? Thanks

    ReplyDelete
  38. For version 4.7
    http://technodesigner.blogspot.com/2013/10/how-to-remove-wow-slider-watermark-from.html

    ReplyDelete
  39. Worked Properly...,
    Thank u very much dear...,

    ReplyDelete
  40. Anyone who knows how to get rid of this watermark in V4.9

    ReplyDelete
  41. Thanks. Watermark removed.

    ReplyDelete

© Copyright 2014 TECHNODESIGNER [S10]

© 2011 iPRESS. All rights resevered. Designed by Templateism