http://albertech.net Guides and Reviews for WordPress, PHP, MySQL, Apache, CMS Systems, jQuery, and other Technologies Tue, 31 Jan 2012 17:31:44 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 http://albertech.net/2011/05/tinymce-3-4-2-update-fixes-for-internet-explorer-compatibility/ http://albertech.net/2011/05/tinymce-3-4-2-update-fixes-for-internet-explorer-compatibility/#comments Fri, 06 May 2011 18:17:48 +0000 admin http://albertech.net/?p=691 http://albertech.net/2011/05/tinymce-3-4-2-update-fixes-for-internet-explorer-compatibility/feed/ 0 http://albertech.net/2011/04/tinymce-how-to-add-wider-toolbar-icons/ http://albertech.net/2011/04/tinymce-how-to-add-wider-toolbar-icons/#comments Fri, 01 Apr 2011 11:13:56 +0000 admin http://albertech.net/?p=671 http://albertech.net/2011/04/tinymce-how-to-add-wider-toolbar-icons/feed/ 1 http://albertech.net/2009/10/tinymce-fix-empty-tag-removal/ http://albertech.net/2009/10/tinymce-fix-empty-tag-removal/#comments Fri, 23 Oct 2009 19:23:42 +0000 admin http://albertech.net/?p=306 http://albertech.net/2009/10/tinymce-fix-empty-tag-removal/feed/ 1 http://albertech.net/2009/04/tiny-mce-getting-forms-to-work/ http://albertech.net/2009/04/tiny-mce-getting-forms-to-work/#comments Wed, 01 Apr 2009 22:38:29 +0000 admin http://albertech.net/?p=137 http://albertech.net/2009/04/tiny-mce-getting-forms-to-work/feed/ 0 http://albertech.net/2009/03/custom-width-icons-on-tinymce/ http://albertech.net/2009/03/custom-width-icons-on-tinymce/#comments Wed, 04 Mar 2009 00:50:46 +0000 admin http://albertech.net/?p=97 In order to make icons wider in TinyMCE, you will need to remove the default width on the mceIcon class. Its forced at 20px, which limits all icons to be square. To make the change, go to your ui.css file For advanced theme users, its located in themes/advanced/skils/default/ui.css In Version 3.2.2.1, its line 30: .defaultSkin span.mceIcon, .defaultSkin img.mceIcon {display:block; width:20px; height:20px} The line should be changed to: .defaultSkin span.mceIcon, .defaultSkin img.mceIcon {display:block; height:20px} Next, you will need to define your custom button when initializing TinyMCE. To make the change, go to your ui.css file For advanced theme users, its located in themes/advanced/skils/default/ui.css In Version 3.2.2.1, its line 30: .defaultSkin span.mceIcon, .defaultSkin img.mceIcon {display:block; width:20px; height:20px}]]> http://albertech.net/2009/03/custom-width-icons-on-tinymce/feed/ 2