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

Everything to do with Joomla! 4.x templates and templating.

Moderator: General Support Moderators

Forum rules
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.
Forum Post Assistant - If you are serious about wanting help, you will use this tool to help you post.
Windows Defender SmartScreen Issues <-- please read this if using Windows 10.
Post Reply
lip420
Joomla! Guru
Joomla! Guru
Posts: 505
Joined: Thu Feb 17, 2011 6:13 am

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

Post by lip420 » Fri Sep 22, 2023 1:59 pm

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.
Last edited by toivo on Fri Sep 22, 2023 10:26 pm, edited 1 time in total.
Reason: mod note: typos in subject

User avatar
imanickam
Joomla! Master
Joomla! Master
Posts: 28159
Joined: Wed Aug 13, 2008 2:57 am
Location: Chennai, India

Re: Why am I not seeing changes added to user.css in cassopiea?

Post by imanickam » Fri Sep 22, 2023 4:11 pm

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.
Ilagnayeru (MIG) Manickam | இளஞாயிறு மாணிக்கம்
Joomla! - Global Moderators Team | Joomla! Core - Tamil (தமிழ்) Translation Team Coordinator
Former Joomla! Translations Coordination Team Lead
Eegan - Support the poor and underprivileged

lip420
Joomla! Guru
Joomla! Guru
Posts: 505
Joined: Thu Feb 17, 2011 6:13 am

Re: Why am I not seeing changes added to user.css in cassopiea?

Post by lip420 » Fri Sep 22, 2023 9:05 pm

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>

User avatar
imanickam
Joomla! Master
Joomla! Master
Posts: 28159
Joined: Wed Aug 13, 2008 2:57 am
Location: Chennai, India

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

Post by imanickam » Fri Sep 22, 2023 11:03 pm

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).
Ilagnayeru (MIG) Manickam | இளஞாயிறு மாணிக்கம்
Joomla! - Global Moderators Team | Joomla! Core - Tamil (தமிழ்) Translation Team Coordinator
Former Joomla! Translations Coordination Team Lead
Eegan - Support the poor and underprivileged

lip420
Joomla! Guru
Joomla! Guru
Posts: 505
Joined: Thu Feb 17, 2011 6:13 am

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

Post by lip420 » Sat Sep 23, 2023 2:09 am

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
Joomla! Explorer
Joomla! Explorer
Posts: 276
Joined: Mon Jul 03, 2023 7:08 pm

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

Post by nacc » Sat Sep 23, 2023 2:24 am

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.

User avatar
AMurray
Joomla! Exemplar
Joomla! Exemplar
Posts: 9310
Joined: Sat Feb 13, 2010 7:35 am
Location: Australia

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

Post by AMurray » Sat Sep 23, 2023 5:46 am

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


Post Reply

Return to “Templates for Joomla! 4.x”