I'm using the Base3 template with ThemeMagic to customize fonts and colors, etc. I am trying to set up JCE to use the correct CSS files so it mimics the actual look of the site. I have looked through all the related forum entries I could find here and on JCE, and I have created an editor.css file to load the related CSS files but I am only having luck loading the custom.css. I am assuming I should be trying to load the bootstrap and template CSS files from \templates\base3\local\css\themes\MyTheme\, correct? Should I be trying to load something else?

Hi

I'm going way off topic here but just thought I'd check if you were aware there is a base4 in the buildr template?

It doesn't use the T3 plugin and is a bit faster

Yeah, we were just getting our site up live when we found out about it and have not had a chance to play with it yet.

bambootheme.com/showcase/apr16/home/base4

Cheers

ah sorry we posted at same time

I'll have to check on your issue in the morning as I'm not 100% on it

Cheers
Paul

Finally getting back to working on the back-end editor config and was wondering if there was any advice on what CSS files to load for JCE for the Base3 template using ThemeMagic?

Hi

Can I just check have you changed any of the JCE default settings regarding this feature?

I do actually turn off this feature in JCE as I find it can affect the readability when adding content

Cheers
Paul

You mean like the "Reset Editor Styling" (I have that set to "No" right now) or something else?

Looking at the JCE site as this isn't something I've used

Have you used the custom css option and pointed the path to the file you named

and used @import for css files?

Cheers
Paul

This is the thread I looked at

www.joomlacontenteditor.net/support/forum/set-custom-css-for-editor

I have tried that and I can get it to load my custom.css but can't seem to get it to apply the CSS settings from ThemeMagic. They appear to be in separate sub folder from custom.css (\templates\base3\local\css\themes\MyTheme\ instead of \templates\base3\css\) so I have tried loading those files in my editor.css using @import with their full path, used full URL, moved the editor.css to the root of \templates\base3\ so I could use @import with the relative paths to both custom.css and the ThemeMagic CSS files. No matter what I have tried I can only get the custom.css settings to apply. I'm pretty sure I am referencing the correct ThemeMagic files but things like the link colors that are set in ThemeMagic aren't taking affect in the editor.

And you have the settings compiled in theme magic?

Cheers
Paul

Yep, and the changes show on the front end of the site.

Can you attach your file and I will try it using your example

Thanks
Paul

I'm assuming you mean the bootstrap and template.css I am using from \templates\base3\local\css\themes\MyTheme\ ? I am attaching those files.

Let's try that again.

Thanks

Though it's never perfect, there is an editor.css in the templates folder - and if you copy any of the important styles from your template css or custom css into that document, jce will pick those up. (for custom fonts, you will need @import though typekit seems to work ok).

keep your expectations low. it will be a lot better, but it won't be perfect. (You can add the regular labs Preview plugin (free) to see a modal pop up of your work in progress.)

Thanks for help on this - one of those features I don't ever use

Cheers
Paul

Hmm, I don't have an editor.css in my templates folder. Along the same lines as the suggestion though I could try to identify all the parts of the other CSS files that I need and add them to the editor.css I created. I was just hoping for a more dynamic/true WYSIWYG solution to give my contributors a better experience since JCE appears to support it to some extent.