Exercises

It’s time to apply the knowledge about child templates acquired in this chapter.

Exercise 1 – creating a child template

In this exercise, you are required to create a child template in your Joomla 4 installation, using Cassiopeia as the default frontend template.

1. Open System Dashboard in your backend.
2. Click on Site Templates, and then on Cassiopeia Details and Files.
3. Click on Create Child Template, set the name to MyChild, and then click on Create Child Template in the popup.
4. The child template has been created. Click on the Close button to go back to the list of templates, and then click on Cassiopeia_MyChild Details and Files to open it.
5. Create a file called custom.css in the /media/templates/site/cassiopeia_mychild/css/ folder.
6. In the file, type the following CSS code (we’re going to change the color of the footer that we set in Exercise 1 of Chapter 13):

   .myfooter {

     font-size: 13px;

       ...