Support Forum

Please note that this forum is only available to you in read only mode. In order to contribute to this conversation you will need to renew your subscription.

Editor (JCE) CSS to match front end

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

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?
  • Klayton Kuzminski's Avatar
  • Klayton Kuzminski
  • LIfetime Developer - Big Bamboo
  • 58 posts
  • Karma: 0
The administrator has disabled public write access.
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
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
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.
  • Klayton Kuzminski's Avatar
  • Klayton Kuzminski
  • LIfetime Developer - Big Bamboo
  • 58 posts
  • Karma: 0
The administrator has disabled public write access.
bambootheme.com/showcase/apr16/home/base4

Cheers
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
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
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
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?
  • Klayton Kuzminski's Avatar
  • Klayton Kuzminski
  • LIfetime Developer - Big Bamboo
  • 58 posts
  • Karma: 0
The administrator has disabled public write access.
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
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
You mean like the "Reset Editor Styling" (I have that set to "No" right now) or something else?
  • Klayton Kuzminski's Avatar
  • Klayton Kuzminski
  • LIfetime Developer - Big Bamboo
  • 58 posts
  • Karma: 0
The administrator has disabled public write access.
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
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
This is the thread I looked at

www.joomlacontenteditor.net/support/forum/set-custom-css-for-editor
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
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.
  • Klayton Kuzminski's Avatar
  • Klayton Kuzminski
  • LIfetime Developer - Big Bamboo
  • 58 posts
  • Karma: 0
The administrator has disabled public write access.
And you have the settings compiled in theme magic?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Yep, and the changes show on the front end of the site.
  • Klayton Kuzminski's Avatar
  • Klayton Kuzminski
  • LIfetime Developer - Big Bamboo
  • 58 posts
  • Karma: 0
The administrator has disabled public write access.
Can you attach your file and I will try it using your example

Thanks
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
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.
  • Klayton Kuzminski's Avatar
  • Klayton Kuzminski
  • LIfetime Developer - Big Bamboo
  • 58 posts
  • Karma: 0
The administrator has disabled public write access.
Let's try that again.
Attachments:
  • Klayton Kuzminski's Avatar
  • Klayton Kuzminski
  • LIfetime Developer - Big Bamboo
  • 58 posts
  • Karma: 0
The administrator has disabled public write access.
Thanks
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
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.)
  • blueshift's Avatar
  • blueshift
  • 6 Month Developer
  • 2579 posts
  • 78 Thanks
  • Karma: 26
Last Edit: 5 years 5 months ago by blueshift. Reason: going to try Norwegian next
The administrator has disabled public write access.
Thanks for help on this - one of those features I don't ever use

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
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.
  • Klayton Kuzminski's Avatar
  • Klayton Kuzminski
  • LIfetime Developer - Big Bamboo
  • 58 posts
  • Karma: 0
The administrator has disabled public write access.

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Happy Campers