Shape 5

I have a problem with Ting MCE editor rendering on the from end as the buttons do not show.

I attach two images one backend and one fronted to illustrate the problem.

Is there anything I can do as users will not edit on the front end and they do not have the expertise to use the backend. Catch 22 for me.

Many Thanks

Hello,

Please post a url to where this occurs.

Here is a link to a page I have set up for you:

http://www.lodgeofunity69.org.uk/shape5-test-article.html

You will need a login username and password to edit the document.

How do I get this to you non public?

Thanks

Hello,

You can private message me the login.

Hello,

You can try adding the following into the custom.css file:

.mce-container button i {
display:none !important;
}

.mce-container button span {
padding:8px !important;
}

.mce-tinymce button {
background:#999999 !important;
}

Its pretty much the same

Hello,

I tested that css in Firebug on your site and it was not the same, it makes the buttons more even and with a background. They are not going to look identical to the buttons in the backend because it's not the same environment.

If the Risen-hope template does not have a CSS to show TinyMCE in the front end adequately for users.

 What can I do in the template to fix it or other template would you suggest to use that would allow me to change from Risen hop with a minimal amount of work.

I need users to do Front end editing.

Thanks

Hello,

I gave you that css above, you just need to apply it to custom.css. That will correct the look of the buttons so they appear more uniform. Again, they are never going to look the same on the frontend and the backend on almost all templates. The editor uses standard button calls, which are stylized by the frontend template css files, which don't exist in the backend.

I understand that the template CSS is different to the admin CSS and they will not look the same but I would hope they are useable.

I have now tested several other Joomla editors and the only one which renders properly with you template is Joomla JCE.

I must add that as a Rocket theme template user before Shape5 I did not have this problem.

Do you test your Joomla templates front end editing capabilities across one or more common Joomla editors?

I am not sure if this is an editor problem or a template problem but getting them to work together is not really the job of a Joomla configurator. Most things i can do but this is one that would be impossible for me to sort out and I would have hoped Shape5 templates could provide a solution.

Thanks for your support

Hello,

I'm sorry I don't understand, there was nothing that made the previous look unusable, the buttons just needed better styling. The css that I gave you already stylizes them better so they are more uniform, and will correct that on your site. As long as you apply the css I provided the buttons should look much better. I didn't see any functionality issues when looking at it on your site; just styling issues on the buttons. If there is still a styling issues after applying the css let me know, or if you want to private message me super admin access and ftp access I can apply it for you.

All is now working with this addition to the template custom.css.

Many thanks for your great support, it really makes a difference.

For anyone else with the same problem here is the solution.

.mce-container button i {
margin:0px !important;
}

.mce-container button span {
padding:8px !important;
}

.mce-tinymce button {
min-height:30px !important;
}

.mce-colorbutton .mce-preview {
display:none !important;
}

.mce-i-none {
display:none !important;
}

.mce-btn-small button {
color:#333 !important;
}