Instructions for using this page:

This page is where information about how to update and use the different modules in the website is kept.

You can include your own instructions and update this page as you wish.

To find instructions for a specific module scroll through the page.

Adding Images to the Modules

Step 1:  Insert the images into the media library.

Make sure you have named them properly (all lower case and no spaces) and that you have added the alt tag.

Step 2:  Select the Module that you want to add an image to.  Open the module and scroll down to the text section.

To update the Trust member images open the Trust Members page.  Then scroll to the Toggles.  Open the toggle you need to change (by clicking on the three line hamburger menu).


gallery module settings

Step 3:  Insert the image you require.

The following steps will insert an image at the top right of your text/module which is the default for this website.  If you want the image elsewhere you can move the image to where you would like it, and change the settings (left/centre/right by clicking on the image.

  1. Insert your curser to the top left of the text (to just before the first letter of the text).
  2. Click on the Ädd Media” button.  This will open the media library.
  3. Click on the image you want to insert.
    • Complete the Alt text and description if you have not already done so.
    • Select Alignment  – Right
    • Link to – none
    • Size – Normally full size.
  4. Click on the Green “Ïnsert into page” button on the bottom right of the page.

When you have inserted all the images you want  save the page as normal.

gallery images

Adding a Newsletter (Using Nov 2016 as example)

  1. Before starting make a thumbnail image of the newsletter.  The dimensions are 150px wide by 213px high.  I use Gimp, but Photoshop or any photo editing software will do it.  When it is done you need to load it into the media library and call it (relevant month, nov_newsletter_2016_thumbnail.jpg
  2. Open the Newsletters page.
  3. First thing can you clone that says “Newsletter April 2016” by clicking on the image which looks like one rectangle above another just to the left of the module heading.
  4. Next drag the cloned module  and put it in the row under the “Newsletter Archives Heading Text” row into one of the boxes that say Insert Module(s).  I think it will look best on the left hand side of this empty row, but you can play with it.
  5. Now go to the original module which will still be under the “Our Current Newsletter heading”.  Open this module by clicking on the “hamburger” to the left of the clone tool and change the heading to November 2016.  Then scroll down to the bottom of the settings and change the Admin Label to Newsletter november 2016.
  6. Then click save and exit.  Then click on Update (the green button on the right hand side of the screen)
  7. Then can you load the new newsletter into the Media library as a PDF.  Call it nov_2016_newsletter_website.pdf.
  8. Copy the URL link which is at the top right hand side of the item details.
  9. Go back to the newsletter page and open up the November 2016 module (which you just changed the name of).  Double click in the Url field and insert the new newsletter url (which you have just copied).
  10. Scroll down the module settings to the Image setting.  Click on UPLOAD AN IMAGE button and select the jpg thumbnail that you created.
  11. Click save and exit.
  12. Click on update.

Then check and test and it should all work. 🙂


Edit the Photo Gallery

Step 1:  Open the page which hosts the gallery you want to edit.

For example the Photo Gallery Page.  You will see the Divi Builder and below the builder two modules.  Text and Gallery.  Click on the Hamburger menu (three grey lines on the left hand side of the grey banner which is titled Gallery) to open the module options.

gallery module settings

Step 2:  Select the UPDATE GALLERY button which is the first button under General Settings.

gallery module settings

Step 3:  Select theGallery Settings you require.  Here you can:

  • Edit the Gallery – Drag and drop images to the order you would like them.
  • Add to Gallery using the media libarary process
  • Select the Gallery Settings – such as reverse order or random order.  Current settings should have none of these ticked as you want to be able to order the files yourself.


  1. Remember to click on the Green “Update Gallery” button at the bottom right of the screen.
  2. Then click on “Save and Exit” to exit the module settings and then;
  3. Click the Green “Update” button on the right hand side as normal to save the page changes.
gallery images

Adding or Changing Text

Changing or adding text to an existing text module

  1. Open the page, post or project that you want to change.
  2. Select the module that you want to change the text in by clicking on the hamburger menu.
  3. Change the text in the Content Box.  Remember to use Headings and paragraph text only.
  4. Select the Save and Exit button to save the module settings
  5. Select the green Update button on the right hand side to save the page.
  6. Check the page to make sure the changes are what you wanted.

Adding a New Text Module

  1. Open the page you want to add your text to.
  2. Go to the part of the page that you want to add a module to.
  3. Select Insert Module
  4. Select Text Module
  5. Follow steps above.

Playford Trust Greens



And the olive is a little bit lighter than the one in your demo page:



In the logo I¹ve made ³Playford² DIN bold and ³Trust² is still DIN Regular

Code for Editing Footer.

To edit footer. Add this to child theme footer.php

if ( false !== et_get_option( ‘show_footer_social_icons’, true ) ) {
get_template_part( ‘includes/social_icons’, ‘footer’ );

<h5><div style=”float:left; display: inline; positive:relative;”><a href=”http://” target=”_blank”><img src=”” </div></h5>

<h5><div style=”float:right; display: inline; positive:relative;”> <a href=”” target=”_blank”>Designed by Wallace Web Design 2016</a></div></h5>
</div> <!– .container –>


Previous attempts were:


function et_get_safe_localization( $string ) {
if ( false !== strpos( $string, ‘Designed by ‘ ) && false !== strpos( $string, ‘Powered by ‘ ) ) {

return ‘Copyright &copy;2016 <a href=”

return wp_kses( $string, et_get_allowed_localization_html_elements() );

Richard’s code.

<h5><a href=”http://” target=”_blank”><img src=”” >&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp <a href=”” target=”_blank”>Designed by Wallace Web Design</a></h5>

Found as in here:

<?php if ( ‘on’ == et_get_option( ‘divi_back_to_top’, ‘false’ ) ) : ?>

<span class=”et_pb_scroll_top et-pb-icon”></span>

<?php endif;

if ( ! is_page_template( ‘page-template-blank.php’ ) ) : ?>

<footer id=”main-footer”>
<?php get_sidebar( ‘footer’ ); ?>
if ( has_nav_menu( ‘footer-menu’ ) ) : ?>

<div id=”et-footer-nav”>
<div class=”container”>
wp_nav_menu( array(
‘theme_location’ => ‘footer-menu’,
‘depth’ => ‘1’,
‘menu_class’ => ‘bottom-nav’,
‘container’ => ”,
‘fallback_cb’ => ”,
) );
</div> <!– #et-footer-nav –>

<?php endif; ?>

<div id=”footer-bottom”>
<div class=”container clearfix”>
if ( false !== et_get_option( ‘show_footer_social_icons’, true ) ) {
get_template_part( ‘includes/social_icons’, ‘footer’ );

<h5><a href=”http://” target=”_blank”><img src=”” >&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp <a href=”” target=”_blank”>Designed by Wallace Web Design</a></h5>
</div> <!– .container –>


</footer> <!– #main-footer –>
</div> <!– #et-main-area –>

<?php endif; // ! is_page_template( ‘page-template-blank.php’ ) ?>

</div> <!– #page-container –>

<?php wp_footer(); ?>