How to add user.css of Cassiopeia?

You need to be logged in to post in the forum - Log In

An active JCE Pro Subscription is required to post in the forum - Buy a Subscription

Support is currently Offline

Official support hours

Monday to Friday
09:00 - 17:00 Europe/London (BST)

Please create a new Ticket and we will get back to you as soon as we can.

#111901 How to add user.css of Cassiopeia?

Posted in ‘Editor’

This is a public ticket

Everybody will be able to see its contents. Do not include usernames, passwords or any other sensitive information.

Latest post by RobertG on Friday, 18 August 2023 07:35 BST

Wednesday, 28 September 2022 11:46 BST

RobertG

Hi,

I'm trying to use the css file "user.css" of Cassiopeia in a site (it's the first time I try this).
I added the name as a custom stylesheet but then the style list in the editor is freezed. I can't open the list.
How to solve this?

Thanks in advance!

Attachments

Wednesday, 28 September 2022 16:29 BST

Ryan

Where is the user.css file located?

Ryan Demmer

Lead Developer / CEO / CTO

Just because you're not paranoid doesn't mean everybody isn't out to get you.

Wednesday, 28 September 2022 16:33 BST

RobertG

The file is located in /media/templates/site/cassiopeia/css folder (Joomla! 4.2.2 or 4.2.3)

Wednesday, 28 September 2022 17:06 BST

Ryan

In the Custom Stylesheet field, add the relative path to the file, eg:


media/templates/site/cassiopeia/css/user.css

Ryan Demmer

Lead Developer / CEO / CTO

Just because you're not paranoid doesn't mean everybody isn't out to get you.

Wednesday, 28 September 2022 17:18 BST

RobertG

Thanks Ryan, it works but I only get the content of this file. I would like to add its styles to the standard css file.
May I add each style in the "custom styles" section and need to create the same data in the user.css and here?
Thanks for your help.

Thursday, 29 September 2022 10:20 BST

Ryan

Set the path to this file in the Custom CSS Files field in Editor Profiles -> Editor Parameters -> Typogrpahy, and set the Editor Styles option to Add.

https://cdn.joomlacontenteditor.net/tmp/111901-how-to-add-user-css-of-cassiopeia.jpg

Ryan Demmer

Lead Developer / CEO / CTO

Just because you're not paranoid doesn't mean everybody isn't out to get you.

Thursday, 29 September 2022 10:40 BST

RobertG

Thanks Ryan,

But with "cassiopeia" it didn't work. I needed to replace "cassiopeia" with "$template"

media/templates/site/$template/css/user.css

It's OK now

Thursday, 17 August 2023 17:41 BST

RobertG

Hi Ryan,

I'm trying to do the same in a new site but the "styles" list remains empty.

I don't use a custom css file in the global configuration, but only add the custom css file as you explained above.

May I uninstall and reinstall JCE?

Thanks!

Thursday, 17 August 2023 19:43 BST

Ryan

Since JCE Pro 2.9.36 the user.css file in Cassiopeia templates is now loaded uatomatically, so you don't need to specify it in Editor Profiles -> Editor Parameters -> Typogrpahy

You can reset the Editor Styles option to Inherit.

Ryan Demmer

Lead Developer / CEO / CTO

Just because you're not paranoid doesn't mean everybody isn't out to get you.

Friday, 18 August 2023 07:35 BST

RobertG

Thanks Ryan for your reply!