Notice the photo shadow to the left. Check the module for CSS identifier – photoshadow. CSS placed in Custom CSS box in Divi Theme Options.

Please read this very important document about the memorial.

Text cannot extend below bottom of photo (see right), or the text in the left side will be a long way from the photo. That’s not good.

It is probably best to include the photo’s description in the html for the image. Use the lightbox feature to expand the image. Use a large image to begin with. DIVI automatically renders a smaller version to fit the area provided. Or, it may be better in some cases to add an image in a text module. See below.

Very Important!

Notice the text shadow above. Check code using Text tab. There is a blue button at the top left of the page design that says Use Default Editor. If a page has been created using the Page Builder, DO NOT click the Use Default Editor button. All work will be lost. If you accidentally click that button, do not save the draft or publish the page. Just use the menu to click on another page. A box will pop up saying you are leaving the page, which is a warning that you forgot to save the page. Don’t heed the warning and leave the page. That way the page will return to its original state when its re-opened.

If the page you are working with is a draft, as indicated by the page menu, do not Publish the page, just save the draft. That way it will not be available to search bots. You can use the quick editor to change a published page to a draft if you accidentally publish a draft page.

This is some random text to test what these blocks do. This is some random text to test what these blocks do. This is some random text to test what these blocks do. This is some random text to test what these blocks do. This is some random text to test what these blocks do. This is some random text to test what these blocks do. This is some random text to test what these blocks do. This is some random text to test what these blocks do. This is some random text to test what these blocks do. This is some random text to test what these blocks do. This is some random text to test what these blocks do. This is some random text to test what these blocks do. This is some random text to test what these blocks do. This is some random text to test what these blocks do. This is some random text to test what these blocks do. This is some random text to test what these blocks do. This is some random text to test what these blocks do. This is some random text to test what these blocks do. This is some random text to test what these blocks do. This is some random text to test what these blocks do.

Text about the memorial renditions. Text about the memorial renditions. Text about the memorial renditions. Text about the memorial renditions. Text about the memorial renditions. Text about the memorial renditions. Text about the memorial renditions. Text about the memorial renditions. Text about the memorial renditions.Text about the memorial renditions. Text about the memorial renditions.

I have inserted this photo as a thumbnail and linked it to the media file to see if the DIVI lightbox will open it automatically. It opens the larger image, but not using their lightbox. So I installed a separate lightbox plugin. In DIVI, all you have to ad to the existing code is the title=”Descriptive Text” and the  rel=”lightbox” Click the Text view to review the code.

I am inserting some text in a module under the photo. This is pretty cool. You can get the text right under the photo this way. The surroundshadow CSS works with an image module and inserted into a text module like to one at the left.

The image above was inserted as a full size image and set to open with the Divi lightbox. The image resized automatically based on the module width. The surroundshadow CSS works.

This image was centered using CSS. Check the CSS used in the image module and the DIVI Theme Options custom css box.

Text about the memorial renditions. Text about the memorial renditions. Text about the memorial renditions. Text about the memorial renditions.Text about the memorial renditions. Text about the memorial renditions. Text about the memorial renditions. Text about the memorial renditions. Text about the memorial renditions. Text about the memorial renditions.Text about the memorial renditions. Text about the memorial renditions. Text about the memorial renditions. Text about the memorial renditions. Text about the memorial renditions. Text about the memorial renditions.Text about the memorial renditions. Text about the memorial renditions.

The caption section that’s available when you insert an image into a text module places a grey area around the image. The photoshadow CSS did work with this image as well, but the grey box plus a shadow is a little too much.

Adding the  rel=”lightbox” code to the image link enables this photo to open up in the lightbox.

This is some text I put in here to test the space. This is some text I put in here to test the space. This is some text I put in here to test the space. This is some text I put in here to test the space.

I placed photoshadow in the Image CSS Class in the photo editor. The shadow shows up. This image is aligned right.

This is some text to test the module and the photo. This is some text to test the module and the photo. This is some text to test the module and the photo. This is some text to test the module and the photo. This is some text to test the module and the photo. This is some text to test the module and the photo. This is some text to test the module and the photo. This is some text to test the module and the photo. This is some text to test the module and the photo. This is some text to test the module and the photo. This is some text to test the module and the photo.This is some text to test the module and the photo.

Upload your photo here:

[wordpress_file_upload uploadpath=”uploads/tributes” maxsize=”5″ redirect=”true” redirectlink=”file-upload-thank-you” notify=”true” notifyrecipients=”tigerstime@gmail.com” notifysubject=”Freedom Memorials File Upload Notification” notifymessage=”Jason,%n%%n%   This is an automatic delivery message to notify you that a new file has been uploaded to Freedom Memorials.%n%%n%Best Regards” widths=”progressbar:400px”]

The module above is an image module. The image shown would not show up until I placed a module below it. I don’t understand that flaw, but that’s what happened.

Similarly, the gold dog tag on the Home page would not show up until I added a spacer in the text module to the left of the image module. I assume that the link images and the text did not provide enough vertical space for the module to its right to house the image, so the spacer had to be added.

This is some arbitrary text. This is some arbitrary text. This is some arbitrary text. This is some arbitrary text. This is some arbitrary text. This is some arbitrary text. This is some arbitrary text. This is some arbitrary text. This is some arbitrary text. This is some arbitrary text. This is some arbitrary text. This is some arbitrary text. This is some arbitrary text. This is some arbitrary text.