logo wide 2000x350

7 Custom Modules

Welcome to Chapter Seven of our course on creating your own interactive website!

Chapter 7 Custom Modules includes the following four sections:

7.1 Style Custom Modules with Basic CSS
7.2 Use Preset Classes to Style Custom Modules
7.3 Create Complete Module Classes
7.4 Use our Rainbow Presets to Style Feature Boxes

In contrast to articles, which take up the entire web page, modules are small boxes of content which take up a small portion of a page defined by a module position to display a title, text, image and or video with a READ MORE link that typically leads the reader to a full article page with more information about the topic or product.

In Section 7.1, we will explain how to make a simple module with only some text and a title. We will then review how to style this simple module to improve its appearance using basic inline commands.

In Section 7.2, we will learn how to use modules classes to more rapidly and consistently control the appearance of a series of modules rather than styling them just one at a time.

In Section 7.3, we will review how to combine border, background and link classes together to create complete module class presets.

In Section 7.4, we will use our module class presets to create three custom feature boxes for our Home page.

In every section, we will learn by actually creating several custom modules.


00

Joomla 3 support is ending in the next few months. Therefore, our Joomla 3 website and course, Create Your Own Interactive Website, has been replaced by our new Joomla 4 website and course called Create a Secure Website. Joomla 4 has been available since August 2021. There have been many improvements in Joomla 4. We recommend that you carefully update your Joomla 3 website to Joomla 4 before the end of the year. Here is a link to the Home page of our new Joomla 4 website and course:

https://createasecurewebsite.com/

Feel free to email me if you have any questions about our new Joomla 4 website and course.

Regards,

David Spring M. Ed.

David Spring at protonmail dot com

Joomla 3 support is ending in the next few months. Therefore, our Joomla 3 website and course, Create Your Own Interactive Website, has been replaced by our new Joomla 4 website and course called Create a Secure Website. Joomla 4 has been available since August 2021. There have been many improvements in Joomla 4. We recommend that you carefully update your Joomla 3 website to Joomla 4 before the end of the year. Here is a link to the Home page of our new Joomla 4 website and course:

https://createasecurewebsite.com/

Feel free to email me if you have any questions about our new Joomla 4 website and course.

Regards,

David Spring M. Ed.

David Spring at protonmail dot com

Joomla 3 support is ending in the next few months. Therefore, our Joomla 3 website and course, Create Your Own Interactive Website, has been replaced by our new Joomla 4 website and course called Create a Secure Website. Joomla 4 has been available since August 2021. There have been many improvements in Joomla 4. We recommend that you carefully update your Joomla 3 website to Joomla 4 before the end of the year. Here is a link to the Home page of our new Joomla 4 website and course:

https://createasecurewebsite.com/

Feel free to email me if you have any questions about our new Joomla 4 website and course.

Regards,

David Spring M. Ed.

David Spring at protonmail dot com

Joomla 3 support is ending in the next few months. Therefore, our Joomla 3 website and course, Create Your Own Interactive Website, has been replaced by our new Joomla 4 website and course called Create a Secure Website. Joomla 4 has been available since August 2021. There have been many improvements in Joomla 4. We recommend that you carefully update your Joomla 3 website to Joomla 4 before the end of the year. Here is a link to the Home page of our new Joomla 4 website and course:

https://createasecurewebsite.com/

Feel free to email me if you have any questions about our new Joomla 4 website and course.

Regards,

David Spring M. Ed.

David Spring at protonmail dot com