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.

#116871 Using Style CSS

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 Ryan on Monday, 14 October 2024 16:29 BST

Dom54

Dear,

Am tying to properly design pages... using CSS styles and formats... 

I can set FORMATs (H1, ... P and others) according to list, but as for STYLE... List remains empty !

It was populated once, but can't figure out why/when is is populated and when empty ...

I did saw it when I was posting my previous ticket for DIVs, but when back to editing pages, it is is back to empty... Clicking on the drop-down list does noting !

Thanks for clues

Ryan

The Styles list is populated with classes from your template stylesheet. Which template are you using, and have you made any changes in the Editor Profile to the Style Select parameters?

Ryan Demmer

Lead Developer / CEO / CTO

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

Dom54

Ryan,

With no change, the updated Protostar for Joomla4/5 it's not working in JCE... The style drop-down list remains mud :-/
https://www.joomlatema.net/free-templates/protostar-template-for-joomla-4-5.html

If I use Protostar outdated template from Joomla 2 or 3, I do get styles listed in JCE.
Style is outdated, not that fine with responsive aso... So wanna move to latest version from above link as output is much better

If I name the style (using FTP) as what is named in JCE settings, I do not see my personal styles.
But I may mix this style defs and Joomla's as I can read it should be named user.css... as if name my style user.css, I can see my style. in JCE...

As a bad boy...
I use the old template designing the pages (setting my personal style on DIVs as I can use the drop down list), and then, move to the new template from Joomla, and as a magic, I can see the results... (I set both user.css and my style as defined in JCE setting)
So, from Joomla, style seems to be properly defined.

Please point me out the mess am doing !

Ryan

Please send me a login - https://www.joomlacontenteditor.net/contact/site-login

Ryan Demmer

Lead Developer / CEO / CTO

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

Dom54

Dear

To illustrate the style missing, see attached...

I was jeopardized 😓
My style has some heavy font (outlined) SO the drop down list do list the 2, but the name was not visible... so was guessing it was missing !!! 
Rubber duck debugging came just after I hit the button :/
So this piece is fixed...
Sorry for so !

Remaining issue : drop down list not populated with one style and not the other.

Attachments

Ryan

Your template includes an editor.css file, which JCE will always load by default instead of the template css files. Unfortunately this file in the Protostar template includes some useless base css for the core Tinymce editor.

I have edited this file removing the css and add 2 @import rules to load the template.css file and user.css file, and the content and Styles list are now displaying as expected.

Ryan Demmer

Lead Developer / CEO / CTO

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

Dom54

This really save me the system... Will be able to use now from the JCE with the template (even if some useless CSS)

Many thanks for so.

BTW am a dummy with templates... guessing one template could be replace by another, but seems it is not...
What would be the best idea to move from one template to another 

Best

Ryan

BTW am a dummy with templates... guessing one template could be replace by another, but seems it is not...
What would be the best idea to move from one template to another

It depends on the template, but using an editor.css fil with the @import rules as above will usually work in most instances.

Ryan Demmer

Lead Developer / CEO / CTO

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