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.

#116526 Custom CSS classes

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 karendunne on Sunday, 24 March 2024 14:12 GMT

karendunne
Hi,

I keep a custom CSS file where I add various class definitions.

Is there a way to add those classes to the editor drop-down? That way I wouldn't need to work in code view to add the actual tag, e.g. a div tag or p tag;

for example.

If there's a way to do that, could you point me to the documentation, please.

Thanks,

Karen

Ryan
I keep a custom CSS file where I add various class definitions.


Which template are you using?

JCE will usually be able to load "custom" css files for various template frameworks, eg: for Yootheme, Helix Framework and Joomlart templates, JCE will load any custom.css file, and for the Joomla Cassiopeia template it will load a user.css file.

Alternatively you can add the the stylesheet in Editor Profiles -> Editor Parameters -> Typography.

Set the Editor Styles option to Add and paste in the url to your custom stylesheet in the Custom CSS Files field:

https://cdn.joomlacontenteditor.net/tmp/116526-custom-css-classes.jpg

Ryan Demmer

Lead Developer / CEO / CTO

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

karendunne
Thank you, Ryan. It's a feature I hadn't used before, and I wish I had 😮

I have it in place now. Thank you!

Cheers,

Karen