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).
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.
Custom Module OPTIONS
A unique feature of the CUSTOM MODULE is its OPTIONS tab.
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
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.
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:
- to maintain readability, and
- to avoid discriminating against visually impaired users.
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.
Example uses of BACKGROUND Images
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.