Adding a Watermark to your Photos

This particular option can be found by logging into your site's admin area and going to:
"ProPhoto" > "Customize" > "Content" > "Text & Images"

Upload WatermarkCreating a watermark image requires that you understand how the image is applied. The important things to remember are:

  1. The watermark will always be displayed at the actual size that you upload it. It won’t scale in size to fit different images.
  2. Instead, the watermark will be cropped to fit each of your images.

Keep this in mind when creating a watermark that you want to fit on both landscape and portrait oriented images.

For example, say you want to create a semi-opaque strip containing your business name to overlay the bottom of all of your images, like this…

This image is 1000 pixels wide by 80 pixels tall

This image is 1000 pixels wide by 80 pixels tall

In this example, the “Image theft protection” option area should have the image positioned “bottom left” and the opacity set to 40% (the lower the opacity percentage, the more see-through the image will be).
In this example, the trick is that the black bar is wider than the widest posted image, so it will always span the full width of uploaded photos. But the text is made to be narrower than the narrowest image to be posted on the site so it will never be cut off.

The watermark spans the wider landscape-oriented images...

The watermark spans the wider landscape-oriented images…

...without cutting off the text on narrower portrait-oriented images

…without cutting off the text on narrower portrait-oriented images

By creating a good watermark graphic, you can upload your graphic into ProPhoto and our software will automatically apply it to your photos, saving you more time!

Disable watermarking for individual images

If you have an image that should not have a watermark applied, simply click to edit it, like this inside your post:

select an image and click the 'edit' pencil icon

select an image and click the ‘edit’ pencil icon

You will see an Image Details popup where you can make changes to the image properties. Look for the Advanced Options group, and find the Image CSS Class box. After any other text in this box, type exactly no-watermark and click the Update button.

no-watermark in the "Image CSS Class" box

no-watermark in the “Image CSS Class” box

Now, this image will not receive a watermark.

It is not currently possible to disable the watermark from individual images in a gallery – you must enable/disable watermarking for an entire page to affect, explained below.

Override watermarking for all images in a page or post

You can override watermarking for all photos in a page or post using the Post-specific ProPhoto options box in your editor screen. Simply turn on this feature and click any image protection setting in the Image options box, seen here:

image-options-ex

All images (inserted into the post, or added via a gallery) will use the image protection setting you choose here, overriding the Post image theft protection setting in ProPhoto. Learn more about this feature in ProPhoto: Article specific variations.


This particular option can be found by logging into your site's admin area and going to:
"ProPhoto 4" > "Customize" > "Content" > "Text & Images"

Upload WatermarkCreating a watermark image requires that you understand how the image is applied. The important things to remember are:

  1. The watermark will always be displayed at the actual size that you upload it at. It won’t scale in size to fit different images.
  2. Instead, the watermark will be cropped to fit each of your images.

Keep this in mind when creating a watermark that you want to fit on both landscape and portrait oriented images.

For example, say you want to create a semi-opaque strip containing your business name to overlay the bottom of all of your images, like this…

This image is 1000 pixels wide by 80 pixels tall

In this example, the “Image theft protection” option area should have the image positioned “bottom left” and the opacity set to 40% (the lower the opacity percentage, the more see-through the image will be).
In this example, the trick is that the black bar is wider than the widest posted image, so it will always span the full width of uploaded photos. But the text is made to be narrower than the narrowest image to be posted on the site so it will never be cut off.

The watermark spans the wider landscape-oriented images…

…without cutting off the text on narrower portrait-oriented images

By creating a good watermark graphic, you can upload your graphic into ProPhoto and our software will automatically apply it to your photos, saving you more time!

Disable watermarking for individual images

If you have an image that should not have a watermark applied, simply click to edit it, like this inside your post:

select an image and click the 'edit' pencil icon

select an image and click the ‘edit’ pencil icon

You will see an Image Details popup where you can make changes to the image properties. Look for the Advanced Options group, and find the Image CSS Class box. After any other text in this box, type exactly no-watermark and click the Update button.

no-watermark in the "Image CSS Class" box

no-watermark in the “Image CSS Class” box

Now, this image will not receive a watermark.

This particular option can be found by logging into your site's admin area and going to:
"Appearance" > "P3 Customize" > "Content" > "Text & Images"

Auto-watermarking will not be applied to gallery images, only on normally posted images.

Creating a watermark image requires that you understand how the image is applied. The important things to remember are:

  1. The watermark will always be displayed at the actual size that you upload it at. It won’t scale in size to fit different images.
  2. Instead, the watermark will be cropped to fit each of your images.

Keep this in mind when creating a watermark that you want to fit on both landscape and portrait oriented images. For example, say you want to create a semi-opaque strip containing your business name to overlay the bottom of all of your images, like this…

This image is 1000 pixels wide by 80 pixels tall

In this example, the “Image theft protection” option area should have the image positioned “bottom left” and the opacity set to 40% (the lower the opacity percentage, the more see-through the image will be).
In this example, the trick is that the black bar is wider than the widest posted image, so it will always span the full width of uploaded photos. But the text is made to be narrower than the narrowest image to be posted on the site so it will never be cut off.

The watermark spans the wider landscape-oriented images…

…without cutting off the text on narrower portrait-oriented images

If you’ve searched the tutorials and can't find what you need, please contact us. We’re here to help. Contact Us