change container color Cassiopeia Template Joomla 4

 
If you are using the the Cassiopeia template for Joomla 4 and you want to change the container color ...

How to change container color Cassiopeia Template Joomla 4

You could try the following css entry. This entry sets the background color of the module position bottom-a.

.container-bottom-a {
  background-color: palegreen; /* the color chosen is for example only. it could be changed to suit the need */
}

Make sure to have the css entry in a file named user.css. This file must be located in the directory \media\templates\site\template-name\css.

 You could change the color of the module header with css entry such as the following:

Code:

.container-bottom-a h3 {
  color: white;
}

Note:
The header tag used in the example is h3 - change the css to suit your header tag.


You could change the color of the module's body text with css entry such as the following:

Code: Select all

.container-bottom-a .card-body {
  color: yellow;
}

In these circumstances it is better to provide your site's url so that others can see what is happening and offer suggestions.

شارك الموضوع

مواضيع ذات صلة