List of Contents

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.

 

The BACKGROUND Folder

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.

Custom Module HEADINGS 3 & 4

In a WYNCHCO website design:

  • HEADING 3, and
  • HEADING 4

titles are the same size.

If you want to display a HEADING 3 title inside a Custom Module and when you do it has a coloured background, simply change it to a HEADING 4 title.

The size of text will not change, but the background colour will disappear.