Why am I not seeing changes added to user.css in cassiopeia?

[lip420]

I created that file and added some css. cleared the cahce and nothing.
.navbar ul li a {
background-color: green;
}
h1 {color:#ff0000;background-color:#fff;}

I've been looking for answers and everyone links to the same articles but can't find simple directions to change menu background colors link colors etc.

[imanickam]

In these circumstances, it would be beneficial to share the site's URL so that others can see what is happening.

Please check whether the file user.css is getting loaded. Also, suggest using the inspect option in the browsers to check what effect the added css has on the elements.

[lip420]

Thanks but I'd rather not link to the site. I didn't see user.css in the source.


<link href="/media/system/css/joomla-fontawesome.css?5a7cb500c6b7d72b217b82a628d4a2b1" rel="lazy-stylesheet" data-asset-name="fontawesome" /><noscript><link href="/media/system/css/joomla-fontawesome.css?5a7cb500c6b7d72b217b82a628d4a2b1" rel="stylesheet" /></noscript>
<link href="/media/templates/site/cassiopeia/css/global/colors_standard.css?5a7cb500c6b7d72b217b82a628d4a2b1" rel="stylesheet" data-asset-name="theme.colors_standard" />
<link href="/media/templates/site/cassiopeia/css/template.css?5a7cb500c6b7d72b217b82a628d4a2b1" rel="stylesheet" data-asset-name="template.cassiopeia.ltr" data-asset-dependencies="fontawesome" />
<link href="/media/templates/site/cassiopeia/css/vendor/joomla-custom-elements/joomla-alert.css?0.2.0" rel="stylesheet" data-asset-name="webcomponent.joomla-alert" />
<link href="/media/plg_system_debug/css/debug.css?5a7cb500c6b7d72b217b82a628d4a2b1" rel="stylesheet" data-asset-name="plg.system.debug" data-asset-dependencies="fontawesome" />
<link href="/plugins/system/jce/css/content.css?badb4208be409b1335b815dde676300e" rel="stylesheet" />
<style>

[imanickam]

Do you have the file user.css located in the directory \media\templates\site\template-name\css?

If you are using the template Cassiopeia as is then the template-name is cassiopeia. If you are using a child template of the template Cassiopeia, then the template-name would be the child template name (e.g., cassiopeia_mine).

[lip420]

No it's not there. I followed the instructions i saw online for cassopiea saying go to backend and do it and it's there but maybe not where it's supposed to be and I'd show you a photo but idk how to upload here:

Editing file "‎/templates/cassiopeia/user.css" in template "cassiopeia".

/templates/cassiopeia
html
component.php
error.php
index.php
offline.php
templateDetails.xml
user.css

[nacc]

See https://magazine.joomla.org/all-issues/ ... ips-tricks (Section 0.2).

The file user.css should be located in the folder ../media/templates/site/cassiopeia/css. You placed the file in the wrong folder. I don’t know what instructions you followed—it would be nice to have the URL of these instructions—but the information we’ve given you is correct.

[AMurray]

Here's the documentation you could have (should have...?) followed: https://docs.joomla.org/J4.x:Cassiopeia ... tomisation