
Click the image itself within the Text Module so that it is selected/highlighted. (i.e., When visitors click or tap the image, they will be directed to a specific URL.) Follow these steps: You can also create a link within the image. Your image will then appear in the Text module! Once finished, click the green OK button. Use the Alignment drop-down menu to select which edge of the content area you'd like the photo to "snap" to.ĮXAMPLE: If you select Right, the image will snap to the right edge of the content area the text will wrap around the left edge of the photo. You will then return to the Image Properties dialog. #How to insert text on a photo how to#
Want to know more about the tools within the Image Cropper? Check out How to crop and resize images for an in-depth breakdown of the Image Cropper tools. Once finished, click the green Save button at the bottom of the Crop Image dialog. Use the tools in the Crop Image dialog to crop and resize your photo ( illustrated below). Larger images will take longer to upload to your site. NOTE: It's best to upload images that are less than 100KB in size. Once you've selected the file you'd like to add, the photo will open in the Image Cropper. ( *This option will only appear if you have an eCatholic Stock Photos subscription.)
Stock Photos - Select an image from the eCatholic Stock Photos library*. Site Files - Select an image that has already been uploaded to your eCatholic website's File Manager. Upload - Select an image file from your computer's hard drive. Click the Add Picture button in the Image Properties dialog. Click the Image button in the WYSIWYG toolbar ( pictured above), which will open the Image Properties dialog. Click to position your cursor approximately where you'd like the photo to appear. The next step is to use the Image button in the WYSIWYG toolbar to add an image to the module. It's usually best to type or paste your text into the module before adding any photos. Once there, click Add Content > Core Modules > then click to drag the Text/HTML module onto the page.
Log in to your site, then navigate to the page on which you'd like the photo to appear. How to insert and link a photo using the Text/HTML moduleĭrag and drop a Text/HTML module onto the page (This would allow users to click on the photo and be directed to a specific URL.) You can easily choose to have your text "wrap" around the photo and can also set the photo to be a link. If you're typing paragraphs of text and want to break them up a bit, inserting a photo into a Text/HTML module is a wise option.