To add custom styles to the Cassiopeia template in Joomla 4.x and Joomla 5.x, create a user.css file within the template's CSS folder. This file will hold your custom CSS rules, allowing you to modify the template's appearance without altering the core template files.
Here's a step-by-step guide:
1. Access the Joomla backend: Log in to your Joomla administrator panel.
2. Navigate to Site Templates:
Go to System > Site Templates.
3. Select Cassiopeia Details and Files: Choose the Cassiopeia template and click on "
Details and Files."
4. Create a new file: Click the "
New File" button.
5. Name the file and select CSS: Enter "user" in the File Name field, select ".css" for the File Type, and click "Create".
6. Edit the user.css file: Open the newly created user.css file and add your custom CSS code.
7. Apply changes: Save the user.css file. Your custom styles should now be applied to the Cassiopeia template.
Example:
To display information like author, publication date, and number of views in a single line, you could add the following CSS to your user.css file:
Code:
/* Add your custom style here */
body {
background: #fff;
font-size: 1rem;
margin: 0;
padding: 0;
}
