General Questions/New to Joomla! 5.x • Re: J5 menu-blog bg colour

Certainly! To change the color of the menu bar and footer in your Joomla 5 site, you can use custom CSS in your user.css file. Here's an example of how you can do it:

css
Copy code
/* Change color of the menu bar */
nav.navbar {
background-color: lightblue; /* You can use any color of your preference */
}

/* Change color of the footer */
footer {
background-color: lightblue; /* You can use a different color here */
}
To implement this:

Open your Joomla administrator panel.
Go to "Extensions" > "Templates" > "Styles" to access your template settings.
Under "Templates: Styles (Site)," select the "Cassiopeia - Default" template.
Navigate to the "Advanced" tab.
Ensure that the "Brand" option is set to "No."
Create or edit your user.css file in the template's CSS folder. If it doesn't exist, create a new file and name it user.css.
Add the provided CSS code to your user.css file.
Save the changes.
After applying these changes, the menu bar and footer on your site should have the new background color. Adjust the background-color property values in the CSS code to your preferred colors.

Remember to clear your Joomla cache and browser cache to see the changes on your live site. If you encounter any issues, you may want to inspect the HTML structure of your site using browser developer tools to find the correct CSS selectors.

Statistics: Posted by kevenelex — Thu Dec 21, 2023 10:01 am

---