XTypo Joomla 2.5/JCE Editor Problems

Yes, I have uploaded it on youtube for you.

10 years 2 months ago #7 by Ricky Campbell

Please Log in or Create an account to join the conversation.

  • Posted by TemplatePlazza (5310) Offline
Hi Rick, Sorry for delay in replying, I was about to reply your question but suddenly have got to go for something urgent.

Yes, I have uploaded it on youtube for you.

Ok, I'm now understand.

In the video, it looked as if the buttons came up on the editing screen...but mine does not.

It's because you forgot to add :
templates/$template/css/editor.css
in the JCE custom css field as described in the xtypo documentation.pdf. I have added it and now it's working properly. Please check ( don't forget to hard refresh your browser first ) .

Then, when I save the article, it will show the button the webpage, but it will be distorted (way longer than the text I provided).

From the video, I saw that you use the Rounded 3 Left icon. This style indeed will produce a left-aligned box with 50% of total body width.
If you're willing to create a button you can use the button icon. Please see this screencast www.dropbox.com/s/yvl6ga9lyqz7app/xtypolink.mp4?dl=0

Hope this helps
10 years 2 months ago #8 by TemplatePlazza

Please Log in or Create an account to join the conversation.

Yes it does help.

Last question, do you know why there is a different look between the back end and front end? I would like the front end to look like the back end (clearer looking, no line, etc.)
10 years 2 months ago #9 by Ricky Campbell

Please Log in or Create an account to join the conversation.

  • Posted by TemplatePlazza (5310) Offline

clearer looking

it's the xtypo theme you use. The backend theme is different with the front end one. Th backend one is actually the default theme (the style you copy to editor.css) while you the frontend theme can be changed by changing the xtypo theme front the xtypo content backend ( www.dropbox.com/s/b0c002pwkjwlwey/zgcc7.jpg?dl=0 )

no line

It's actually added by your frontend template. you can add this code to your template css to remove the line :
a {
text-decoration:none!important;}
10 years 2 months ago #10 by TemplatePlazza

Please Log in or Create an account to join the conversation.

Powered by Kunena Forum