How to edit a Custom Module

Here we tell you how to edit a Custom Module.

You can use the Content Editor to add or edit content in a Custom Module rather like you would in an Article.

And Users with Special Permissions can edit Custom Modules from the Front End (after signing in).

Front End

You can edit a CUSTOM MODULE in the Front End of your website in the same way as you would an ARTICLE.

Sign in and look for a small button at the top right of the CUSTOM MODULE you want to edit.

See image below.

Click on the button to see the Content Editor panel.

edit module front end

Control Panel

Edit a CUSTOM MODULE after signing into your website's control panel in the same way as you would edit an ARTICLE.

Custom Module OPTIONS

A unique feature of the CUSTOM MODULE is its OPTIONS tab.

See image.

module custom edit 3 options

The OPTIONS tab enables you to change the BACKGROUND of the CUSTOM MODULE.


How to change the Custom Module BACKGROUND

Use the SELECT Button under the OPTIONS tab - see above image - to browse for an image to display as the BACKGROUND.

Suitable BACKGROUND IMAGES might include a:

  • colour swatch,
  • repeating pattern or
  • photograph.

The image you select will fill the background.



WYNCHCO website designs include a MEDIA folder called BACKGROUND.

It contains a selection of background images to help get you started.

But you can display an image from any MEDIA folder as the BACKGROUND of a CUSTOM MODULE.

Check Colour Contrast

When you change BACKGROUND COLOUR of a CUSTOM Module it is useful to consider the impact of the change on users.

Check the level of colour contrast between foreground text and the background.

This is important on two counts:

  1. to maintain readability, and
  2. to avoid discriminating against visually impaired users.

We recommend: The WebAIM Colour Contrast Checker.


Custom Module PADDING

You may wish to adjust the CUSTOM Module's padding after adding a BACKGROUND image.

Padding will insert space between the Module's content and its edges.

WYNCHCO website designs include BOX Style Sets to make it easier for you to add padding to a CUSTOM Module.

Example uses of BACKGROUND Images

Here are two examples of what can be achieved when you add a background image to a Custom Module.

Using the CUSTOM BOX Style Set with Custom Modules

The CUSTOM BOX Style Set enables you to change the colour and background of a Module's TITLE (when it is using a h2 Header tag).

The choice you make with regard to the look & feel of the Module TITLE will also be applied to any other headings within the module which have been assigned a h2 Heading tag).

For this reason, we recommend not assigning h2 Heading tags to headings within a Module when using the CUSTOM BOX Style set.

Assign a h3 Heading tag instead.