Bad JCE buttons

Hi,
I'm using Joomla 2.5.4 and Musicity template.
I want to use JCE editor, but in frontend buttons in toolbar have an awful padding (see image). How can I remove this padding?

Thank you.

jce.png

Hi

Please guide me so I'll be able to see this issue on Your site.

Hi

Please guide me so I'll be able to see this issue on Your site.

I'm sending you an email with a link and user/pass.

The problem seems related to the padding set in joomla.css for

Code: Select all

form#adminForm table td,form#adminForm .cat-list-row0 td,form#adminForm .cat-list-row1 td {
   padding: 6px 10px;
   border-bottom: 1px solid #e5e5e5;
   border-left: 1px solid #e5e5e5;
}

Removing the padding gives nice toolbars (same problem with tinyMCE). Can I override this in template settings, or I will break something else?

Thank you.

Hi

Yes You are right, but just to be sure it will not break it anywhere else please overwrite it with this code:

Code: Select all

span.wf_editor_toggle {
clear:both;
}

#jform_articletext_parent table td {
padding:0 !important;
}


Thank you Teitbite, now it looks good.

Hi

Glad I could help.

Hi

Glad I could help.

this fix worked for me too. Hope it did not break anything else I don't know about yet.

Thanks

Hi

Selector is made the way it should work in this place only.