Readers like you help support MUO. When you make a purchase using links on our site, we may earn an affiliate commission. Read More.
How do I hide bottom part of images in Wordpress?
I have added watermark to the bottom parts of images on my site . But I want to hide the bottom part during display on the site but when the user downloads the image he should get the image with the bottom watermark.
I read somewhere this can be done by adding some codes to the style.css file in wordpress. Anyone knows how to ?
2011-12-13 00:34:00
Just CSS code wont do this, I dont think. You would need some kind of a bounding DIV or SPAN around the images, then set the appropriate height and width on those to be just less than the image (ie, minus the bit you want to hide), then set the overflow:hidden CSS property on the bounding box. That would hide anything that doesnt fit into it's area. Unfortunately, this wont work retroactively on all previous posts, as it would require you to add the relevant div /span tags by hand. if you wanted to do with inline css, just surround the image with :
2011-12-13 03:38:00
Ok that's smart. it will do what the poster of the question asked for.but I suggested to display photo directly with or without watermark because of a reason.what is the purpose of doing this coding? To prevent others from saving the image without watermark ?Taking screenshots is easier than removing watermarks.If the image is displayed without the watermark on the site, anyone can capture it with a few clicks or keystrokes.while if you display watermarked image,Many will not edit the image, and the will save the image with watermark.As I said earlier, the one who wants to remove your watermark will remove it, and the one who don't want to do it, will not do it.Simply upload the watermarked image, so it will be the users who will have to work on the image to remove watermark, not you.
2011-12-13 03:47:00
What does this have to do with my question ?
2011-12-13 04:43:00
By doing this, you will allow visitors to save the image without the watermark with an easier option.
2011-12-13 10:16:00
Again . What does this have to do with my question ?
2011-12-11 21:51:00
Hello, the following can get you start with what you want:http://stackoverflow.com/questions/57725/how-can-i-display-just-a-portion-of-an-image-in-html-cssHopefully, it can be implemented in wordpress.
2011-12-11 03:40:00
I don't know, but why do you want to hide the watermark ?watermarks can be removed using image editing.So it does not matter.You can upload images with or without watermark.
2011-12-11 18:54:00
Just because watermarks are able to be removed, doesn't mean that there isn't a use for them. Placing a watermark at the bottom of an image can be used for brand recognition or as a friendly reminder not to steal copyrighted material. Going through the bother of removing a watermark can be cumbersome and therefore a deterrent. Even locks, btw, are only useful for keeping honest people honest :)
2011-12-11 19:01:00
I didn't say watermark does not matter,I said watermark does not matter to those who want to remove it and reuse the image.If you want to use it for brand recognition, obviously you don't need to hide it. :)
2011-12-13 00:35:00
Not true. The poster of the qquestion clearly states he has ADDED the watermark. He doesnt want this visible on his own blog posts, but when someone copies the image it will be visible (using the method I outline below). Obviously, he DOES want to hide it on his own site.
2011-12-13 03:12:00
What is Not true ?! Did you even read my comments ?I just suggested him not to do it with a reason.I know what he asked for.
2011-12-14 01:33:00
"If you want to use it for brand recognition, obviously you don't need to hide it. :)" is not true. He may want to use it for brand recognition, but not on his own site. He wants his brand / name recognized when the image is reposted elsewhere. Many sites do this. 9gag, for instance. Yes, its easy to remove, but for those who will remove there is no good protection. The watermark will at least help in cases where the people cant be bothered to remove it or actually *want* to give credit where it is due. Reagrdless, this is what Timmy wants!
2011-12-14 01:59:00
Yes, just checked 9gag, you just have to crop the watermark.no need of screenshot. And that's why I tried to tell that adding watermark on (not below) the image directly is simpler and better.But that's not he wants and it does not have anything to do with his question :)
2011-12-15 17:11:00
It is exactly what he wants and has everything to do with his question. Now please, shh if you can't actually help. We don't need a moral discussion on the merits of watermarks.
2011-12-15 18:00:00
Not again! You often interpret something very different. I don't talk like this."whatever I said had nothing to do with his question, according to him, and it was not what he wanted", that's what I tried to say. (you can read again.)and It was not moral discussion, I discussed about what was the simplest thing possible according to me.
2011-12-16 09:26:00
Perhaps if I often misinterpret it, it is perhaps conceivable that the way you said it is in fact quite open to misinterpretation?
2011-12-16 10:44:00
Well, we are responsible for what we say, not what others understand.I appreciate your efforts of voluntarily helping me.Thanks.