Custom Module BACKGROUND
A unique feature of the CUSTOM MODULE is its OPTIONS tab.
This tab enables you to add a BACKGROUND Image to a CUSTOM MODULE.
Custom Module BACKGROUND Images
By default in a WYNCHCO website design any image you choose to display as a Custom Module background will repeat horizontally and vertically.
This default setting is appropriate when you choose to display a SOLID colour background.
But not when you choose to display a GRADIENT or NON-REPEATING background image.
For this reason we include Quick Fix Style Sets with every WYNCHCO website design - see next tabs.
We include a Quick Fix Style Set called GRAD-BG in every WYNCHCO website design.
When you choose to display a GRADIENT background image, assign the GRAD-BG Style Set to the Custom Module.
The background image will then ONLY repeat horizontally.
Read how to assign the GRAD-BG Style Set to a Custom Module at the following link.
We include a Quick Fix Style Set called PIC-BG in every WYNCHCO website design.
When you choose to display a NON-REPEATING background image, assign the PIC-BG Style Set to the Custom Module.
The background image will then NOT repeat.
Read how to assign the PIC-BG Style Set to a Custom Module at the following link.
How to display a BACKGROUND Image
Use the SELECT Button under the OPTIONS tab - see above image - to browse for an image to display as the Custom Module BACKGROUND.
Suitable images might include a:
- solid colour swatch,
- repeating pattern or
We include exemplar background images in the BACKGROUND folder of the MEDIA screen of a WYNCHCO website design.
But you may choose to display any image from any MEDIA folder.
After clicking the SELECT button under the OPTIONS tab, you will be able to browse for an image.
Open the BACKGROUND folder to select an image.
Select an image and click the INSERT button.
When done, select SAVE & CLOSE and review the result in your website's Front End.
Remember to refresh your web browser when you do.
Check Colour Contrast when you choose to display a Background Image
When you choose to display a BACKGROUND IMAGE in a CUSTOM Module you should consider the needs of all your website's visitors, including those who may be visually impaired.
Do check that your choice of Background Image does not reduce the level of colour contrast between the background and foreground text.
- to maintain readability, and
- to avoid discriminating against visually impaired users.
Adjust Custom Module PADDING when you display a Background Image
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.