Discussion:
boxes in mce icons
Luke Bryan
2013-11-25 17:58:56 UTC
Permalink
Greetings all, I updated 3.8 beta and I notice it is making boxes around my
tinymce editors:
span.mce_justifycenter:before {

1. content: '\f207';

Is this just for testing right now? What is the purpose of this box?

Best regards,

Luke
Otto
2013-11-25 18:20:24 UTC
Permalink
That's not a box, that's the icon in the mce toolbar for the center button.

See http://melchoyce.github.io/dashicons/ - dashicons-editor-aligncenter

-Otto
Post by Luke Bryan
Greetings all, I updated 3.8 beta and I notice it is making boxes around my
span.mce_justifycenter:before {
1. content: '\f207';
Is this just for testing right now? What is the purpose of this box?
Best regards,
Luke
_______________________________________________
wp-hackers mailing list
http://lists.automattic.com/mailman/listinfo/wp-hackers
Mika A Epstein
2013-11-25 18:31:08 UTC
Permalink
If you're getting a box, kill your cache with fire and set these in
wp-config if that doesn't work:

define('SCRIPT_DEBUG', true);
define('CONCATENATE_SCRIPTS', false);
Post by Otto
That's not a box, that's the icon in the mce toolbar for the center button.
See http://melchoyce.github.io/dashicons/ - dashicons-editor-aligncenter
-Otto
Post by Luke Bryan
Greetings all, I updated 3.8 beta and I notice it is making boxes around
my
Post by Luke Bryan
span.mce_justifycenter:before {
1. content: '\f207';
Is this just for testing right now? What is the purpose of this box?
Best regards,
Luke
_______________________________________________
wp-hackers mailing list
http://lists.automattic.com/mailman/listinfo/wp-hackers
_______________________________________________
wp-hackers mailing list
http://lists.automattic.com/mailman/listinfo/wp-hackers
Dobri
2013-11-25 18:36:41 UTC
Permalink
Is it possible it's not compatible with Firefox? My Firefox 25.0.1 is showing boxes all over that site :(

~Dobri
Post by Otto
That's not a box, that's the icon in the mce toolbar for the center button.
See http://melchoyce.github.io/dashicons/ - dashicons-editor-aligncenter
-Otto
Post by Luke Bryan
Greetings all, I updated 3.8 beta and I notice it is making boxes around
my
Post by Luke Bryan
span.mce_justifycenter:before {
1. content: '\f207';
Is this just for testing right now? What is the purpose of this box?
Best regards,
Luke
_______________________________________________
wp-hackers mailing list
http://lists.automattic.com/mailman/listinfo/wp-hackers
_______________________________________________
wp-hackers mailing list
http://lists.automattic.com/mailman/listinfo/wp-hackers
Otto
2013-11-25 18:51:15 UTC
Permalink
What "boxes" are you talking about, exactly? It's hard to understand what
you mean when we don't see it ourselves.

Firefox 25.0.1 on Windows 8 works fine for me with the latest 3.8. I see no
"boxes".


-Otto
Post by Dobri
Is it possible it's not compatible with Firefox? My Firefox 25.0.1 is
showing boxes all over that site :(
~Dobri
Post by Otto
That's not a box, that's the icon in the mce toolbar for the center
button.
Post by Otto
See http://melchoyce.github.io/dashicons/ - dashicons-editor-aligncenter
-Otto
Post by Luke Bryan
Greetings all, I updated 3.8 beta and I notice it is making boxes around
my
Post by Luke Bryan
span.mce_justifycenter:before {
1. content: '\f207';
Is this just for testing right now? What is the purpose of this box?
Best regards,
Luke
_______________________________________________
wp-hackers mailing list
http://lists.automattic.com/mailman/listinfo/wp-hackers
_______________________________________________
wp-hackers mailing list
http://lists.automattic.com/mailman/listinfo/wp-hackers
_______________________________________________
wp-hackers mailing list
http://lists.automattic.com/mailman/listinfo/wp-hackers
Otto
2013-11-25 18:57:48 UTC
Permalink
Wait, I just figured out you meant on the dashicons demo site. Yes, I see
the same thing, however my local WordPress 3.8 install looks fine and shows
the font properly.

Might be an old version on the demo site. I'll ping Mel about it.

-Otto
Post by Otto
What "boxes" are you talking about, exactly? It's hard to understand what
you mean when we don't see it ourselves.
Firefox 25.0.1 on Windows 8 works fine for me with the latest 3.8. I see
no "boxes".
-Otto
Post by Dobri
Is it possible it's not compatible with Firefox? My Firefox 25.0.1 is
showing boxes all over that site :(
~Dobri
Post by Otto
That's not a box, that's the icon in the mce toolbar for the center
button.
Post by Otto
See http://melchoyce.github.io/dashicons/ -
dashicons-editor-aligncenter
Post by Otto
-Otto
Post by Luke Bryan
Greetings all, I updated 3.8 beta and I notice it is making boxes
around
Post by Otto
my
Post by Luke Bryan
span.mce_justifycenter:before {
1. content: '\f207';
Is this just for testing right now? What is the purpose of this box?
Best regards,
Luke
_______________________________________________
wp-hackers mailing list
http://lists.automattic.com/mailman/listinfo/wp-hackers
_______________________________________________
wp-hackers mailing list
http://lists.automattic.com/mailman/listinfo/wp-hackers
_______________________________________________
wp-hackers mailing list
http://lists.automattic.com/mailman/listinfo/wp-hackers
Dobri
2013-11-25 18:59:45 UTC
Permalink
Sorry, I meant Firefox doesn't recognize the font or something. I checked my Windows 7 and the mac I work on and both don't render the icons on Firefox 25.0.1. Doesn't seem to be a cache issue, I deleted it multiple times in both. I don't know if attachments work on this mailing list but I'll give it a shot.



~Dobri
Post by Otto
What "boxes" are you talking about, exactly? It's hard to understand what
you mean when we don't see it ourselves.
Firefox 25.0.1 on Windows 8 works fine for me with the latest 3.8. I see no
"boxes".
-Otto
Post by Dobri
Is it possible it's not compatible with Firefox? My Firefox 25.0.1 is
showing boxes all over that site :(
~Dobri
Post by Otto
That's not a box, that's the icon in the mce toolbar for the center
button.
Post by Otto
See http://melchoyce.github.io/dashicons/ - dashicons-editor-aligncenter
-Otto
Post by Luke Bryan
Greetings all, I updated 3.8 beta and I notice it is making boxes around
my
Post by Luke Bryan
span.mce_justifycenter:before {
1. content: '\f207';
Is this just for testing right now? What is the purpose of this box?
Best regards,
Luke
_______________________________________________
wp-hackers mailing list
http://lists.automattic.com/mailman/listinfo/wp-hackers
_______________________________________________
wp-hackers mailing list
http://lists.automattic.com/mailman/listinfo/wp-hackers
_______________________________________________
wp-hackers mailing list
http://lists.automattic.com/mailman/listinfo/wp-hackers
_______________________________________________
wp-hackers mailing list
http://lists.automattic.com/mailman/listinfo/wp-hackers
Dobri
2013-11-25 19:01:29 UTC
Permalink
Apprantly, they don't.

Loading Image...

~Dobri
Post by Dobri
Sorry, I meant Firefox doesn't recognize the font or something. I checked my Windows 7 and the mac I work on and both don't render the icons on Firefox 25.0.1. Doesn't seem to be a cache issue, I deleted it multiple times in both. I don't know if attachments work on this mailing list but I'll give it a shot.
~Dobri
Post by Otto
What "boxes" are you talking about, exactly? It's hard to understand what
you mean when we don't see it ourselves.
Firefox 25.0.1 on Windows 8 works fine for me with the latest 3.8. I see no
"boxes".
-Otto
Post by Dobri
Is it possible it's not compatible with Firefox? My Firefox 25.0.1 is
showing boxes all over that site :(
~Dobri
Post by Otto
That's not a box, that's the icon in the mce toolbar for the center
button.
Post by Otto
See http://melchoyce.github.io/dashicons/ - dashicons-editor-aligncenter
-Otto
Post by Luke Bryan
Greetings all, I updated 3.8 beta and I notice it is making boxes around
my
Post by Luke Bryan
span.mce_justifycenter:before {
1. content: '\f207';
Is this just for testing right now? What is the purpose of this box?
Best regards,
Luke
_______________________________________________
wp-hackers mailing list
http://lists.automattic.com/mailman/listinfo/wp-hackers
_______________________________________________
wp-hackers mailing list
http://lists.automattic.com/mailman/listinfo/wp-hackers
_______________________________________________
wp-hackers mailing list
http://lists.automattic.com/mailman/listinfo/wp-hackers
_______________________________________________
wp-hackers mailing list
http://lists.automattic.com/mailman/listinfo/wp-hackers
_______________________________________________
wp-hackers mailing list
http://lists.automattic.com/mailman/listinfo/wp-hackers
Otto
2013-11-25 19:04:58 UTC
Permalink
I pinged Mel. She figured it out and fixed it. It's working now. Hit
"reload".

:)


-Otto
Post by Dobri
Apprantly, they don't.
http://s8.postimg.org/bcxgu6iz9/Screen_Shot_2013_11_25_at_2_00_25_PM.png
~Dobri
Post by Dobri
Sorry, I meant Firefox doesn't recognize the font or something. I
checked my Windows 7 and the mac I work on and both don't render the icons
on Firefox 25.0.1. Doesn't seem to be a cache issue, I deleted it multiple
times in both. I don't know if attachments work on this mailing list but
I'll give it a shot.
Post by Dobri
~Dobri
Post by Otto
What "boxes" are you talking about, exactly? It's hard to understand
what
Post by Dobri
Post by Otto
you mean when we don't see it ourselves.
Firefox 25.0.1 on Windows 8 works fine for me with the latest 3.8. I
see no
Post by Dobri
Post by Otto
"boxes".
-Otto
Post by Dobri
Is it possible it's not compatible with Firefox? My Firefox 25.0.1 is
showing boxes all over that site :(
~Dobri
Post by Otto
That's not a box, that's the icon in the mce toolbar for the center
button.
Post by Otto
See http://melchoyce.github.io/dashicons/ -
dashicons-editor-aligncenter
Post by Dobri
Post by Otto
Post by Dobri
Post by Otto
-Otto
On Mon, Nov 25, 2013 at 11:58 AM, Luke Bryan <
Post by Luke Bryan
Greetings all, I updated 3.8 beta and I notice it is making boxes
around
Post by Dobri
Post by Otto
Post by Dobri
Post by Otto
my
Post by Luke Bryan
span.mce_justifycenter:before {
1. content: '\f207';
Is this just for testing right now? What is the purpose of this box?
Best regards,
Luke
_______________________________________________
wp-hackers mailing list
http://lists.automattic.com/mailman/listinfo/wp-hackers
_______________________________________________
wp-hackers mailing list
http://lists.automattic.com/mailman/listinfo/wp-hackers
_______________________________________________
wp-hackers mailing list
http://lists.automattic.com/mailman/listinfo/wp-hackers
_______________________________________________
wp-hackers mailing list
http://lists.automattic.com/mailman/listinfo/wp-hackers
_______________________________________________
wp-hackers mailing list
http://lists.automattic.com/mailman/listinfo/wp-hackers
_______________________________________________
wp-hackers mailing list
http://lists.automattic.com/mailman/listinfo/wp-hackers
Luke Bryan
2013-11-26 01:06:20 UTC
Permalink
It looks like it's an encoding issue. On wp dashboard it seems ok, though
on another page tips flag is the [ ] box, or [ ] box with number in it, in
Firefox.
Send wp-hackers mailing list submissions to
To subscribe or unsubscribe via the World Wide Web, visit
http://lists.automattic.com/mailman/listinfo/wp-hackers
or, via email, send a message with subject or body 'help' to
You can reach the person managing the list at
When replying, please edit your Subject line so it is more specific
than "Re: Contents of wp-hackers digest..."
1. Re: boxes in mce icons (Otto)
2. Re: boxes in mce icons (Otto)
3. Re: boxes in mce icons (Dobri)
4. Re: boxes in mce icons (Dobri)
5. Re: boxes in mce icons (Otto)
6. WP toolbar second level flyout menu not working in mobile
(iOS7 iPhone/iPad) (Paul Menard)
----------------------------------------------------------------------
Message: 1
Date: Mon, 25 Nov 2013 12:51:15 -0600
Subject: Re: [wp-hackers] boxes in mce icons
<
Content-Type: text/plain; charset=ISO-8859-1
What "boxes" are you talking about, exactly? It's hard to understand what
you mean when we don't see it ourselves.
Firefox 25.0.1 on Windows 8 works fine for me with the latest 3.8. I see no
"boxes".
-Otto
Post by Dobri
Is it possible it's not compatible with Firefox? My Firefox 25.0.1 is
showing boxes all over that site :(
~Dobri
Post by Otto
That's not a box, that's the icon in the mce toolbar for the center
button.
Post by Otto
See http://melchoyce.github.io/dashicons/ -
dashicons-editor-aligncenter
Post by Dobri
Post by Otto
-Otto
Post by Luke Bryan
Greetings all, I updated 3.8 beta and I notice it is making boxes
around
Post by Dobri
Post by Otto
my
Post by Luke Bryan
span.mce_justifycenter:before {
1. content: '\f207';
Is this just for testing right now? What is the purpose of this box?
Best regards,
Luke
_______________________________________________
wp-hackers mailing list
http://lists.automattic.com/mailman/listinfo/wp-hackers
_______________________________________________
wp-hackers mailing list
http://lists.automattic.com/mailman/listinfo/wp-hackers
_______________________________________________
wp-hackers mailing list
http://lists.automattic.com/mailman/listinfo/wp-hackers
------------------------------
Message: 2
Date: Mon, 25 Nov 2013 12:57:48 -0600
Subject: Re: [wp-hackers] boxes in mce icons
<
Content-Type: text/plain; charset=ISO-8859-1
Wait, I just figured out you meant on the dashicons demo site. Yes, I see
the same thing, however my local WordPress 3.8 install looks fine and shows
the font properly.
Might be an old version on the demo site. I'll ping Mel about it.
-Otto
Post by Dobri
What "boxes" are you talking about, exactly? It's hard to understand what
you mean when we don't see it ourselves.
Firefox 25.0.1 on Windows 8 works fine for me with the latest 3.8. I see
no "boxes".
-Otto
Post by Otto
Is it possible it's not compatible with Firefox? My Firefox 25.0.1 is
showing boxes all over that site :(
~Dobri
Post by Luke Bryan
That's not a box, that's the icon in the mce toolbar for the center
button.
Post by Luke Bryan
See http://melchoyce.github.io/dashicons/ -
dashicons-editor-aligncenter
Post by Luke Bryan
-Otto
On Mon, Nov 25, 2013 at 11:58 AM, Luke Bryan <
Post by Luke Bryan
Greetings all, I updated 3.8 beta and I notice it is making boxes
around
Post by Luke Bryan
my
Post by Luke Bryan
span.mce_justifycenter:before {
1. content: '\f207';
Is this just for testing right now? What is the purpose of this box?
Best regards,
Luke
_______________________________________________
wp-hackers mailing list
http://lists.automattic.com/mailman/listinfo/wp-hackers
_______________________________________________
wp-hackers mailing list
http://lists.automattic.com/mailman/listinfo/wp-hackers
_______________________________________________
wp-hackers mailing list
http://lists.automattic.com/mailman/listinfo/wp-hackers
------------------------------
Message: 3
Date: Mon, 25 Nov 2013 13:59:45 -0500
Subject: Re: [wp-hackers] boxes in mce icons
Content-Type: text/plain; charset=us-ascii
Sorry, I meant Firefox doesn't recognize the font or something. I checked
my Windows 7 and the mac I work on and both don't render the icons on
Firefox 25.0.1. Doesn't seem to be a cache issue, I deleted it multiple
times in both. I don't know if attachments work on this mailing list but
I'll give it a shot.
~Dobri
Post by Dobri
What "boxes" are you talking about, exactly? It's hard to understand what
you mean when we don't see it ourselves.
Firefox 25.0.1 on Windows 8 works fine for me with the latest 3.8. I see
no
Post by Dobri
"boxes".
-Otto
Post by Otto
Is it possible it's not compatible with Firefox? My Firefox 25.0.1 is
showing boxes all over that site :(
~Dobri
Post by Luke Bryan
That's not a box, that's the icon in the mce toolbar for the center
button.
Post by Luke Bryan
See http://melchoyce.github.io/dashicons/ -
dashicons-editor-aligncenter
Post by Dobri
Post by Otto
Post by Luke Bryan
-Otto
Post by Luke Bryan
Greetings all, I updated 3.8 beta and I notice it is making boxes
around
Post by Dobri
Post by Otto
Post by Luke Bryan
my
Post by Luke Bryan
span.mce_justifycenter:before {
1. content: '\f207';
Is this just for testing right now? What is the purpose of this box?
Best regards,
Luke
_______________________________________________
wp-hackers mailing list
http://lists.automattic.com/mailman/listinfo/wp-hackers
_______________________________________________
wp-hackers mailing list
http://lists.automattic.com/mailman/listinfo/wp-hackers
_______________________________________________
wp-hackers mailing list
http://lists.automattic.com/mailman/listinfo/wp-hackers
_______________________________________________
wp-hackers mailing list
http://lists.automattic.com/mailman/listinfo/wp-hackers
------------------------------
Message: 4
Date: Mon, 25 Nov 2013 14:01:29 -0500
Subject: Re: [wp-hackers] boxes in mce icons
Content-Type: text/plain; charset=us-ascii
Apprantly, they don't.
http://s8.postimg.org/bcxgu6iz9/Screen_Shot_2013_11_25_at_2_00_25_PM.png
~Dobri
Post by Dobri
Sorry, I meant Firefox doesn't recognize the font or something. I
checked my Windows 7 and the mac I work on and both don't render the icons
on Firefox 25.0.1. Doesn't seem to be a cache issue, I deleted it multiple
times in both. I don't know if attachments work on this mailing list but
I'll give it a shot.
Post by Dobri
~Dobri
Post by Otto
What "boxes" are you talking about, exactly? It's hard to understand
what
Post by Dobri
Post by Otto
you mean when we don't see it ourselves.
Firefox 25.0.1 on Windows 8 works fine for me with the latest 3.8. I
see no
Post by Dobri
Post by Otto
"boxes".
-Otto
Post by Luke Bryan
Is it possible it's not compatible with Firefox? My Firefox 25.0.1 is
showing boxes all over that site :(
~Dobri
Post by Luke Bryan
That's not a box, that's the icon in the mce toolbar for the center
button.
Post by Luke Bryan
See http://melchoyce.github.io/dashicons/ -
dashicons-editor-aligncenter
Post by Dobri
Post by Otto
Post by Luke Bryan
Post by Luke Bryan
-Otto
On Mon, Nov 25, 2013 at 11:58 AM, Luke Bryan <
Post by Luke Bryan
Greetings all, I updated 3.8 beta and I notice it is making boxes
around
Post by Dobri
Post by Otto
Post by Luke Bryan
Post by Luke Bryan
my
Post by Luke Bryan
span.mce_justifycenter:before {
1. content: '\f207';
Is this just for testing right now? What is the purpose of this box?
Best regards,
Luke
_______________________________________________
wp-hackers mailing list
http://lists.automattic.com/mailman/listinfo/wp-hackers
_______________________________________________
wp-hackers mailing list
http://lists.automattic.com/mailman/listinfo/wp-hackers
_______________________________________________
wp-hackers mailing list
http://lists.automattic.com/mailman/listinfo/wp-hackers
_______________________________________________
wp-hackers mailing list
http://lists.automattic.com/mailman/listinfo/wp-hackers
_______________________________________________
wp-hackers mailing list
http://lists.automattic.com/mailman/listinfo/wp-hackers
------------------------------
Message: 5
Date: Mon, 25 Nov 2013 13:04:58 -0600
Subject: Re: [wp-hackers] boxes in mce icons
<
Content-Type: text/plain; charset=ISO-8859-1
I pinged Mel. She figured it out and fixed it. It's working now. Hit
"reload".
:)
-Otto
Post by Dobri
Apprantly, they don't.
http://s8.postimg.org/bcxgu6iz9/Screen_Shot_2013_11_25_at_2_00_25_PM.png
~Dobri
Post by Otto
Sorry, I meant Firefox doesn't recognize the font or something. I
checked my Windows 7 and the mac I work on and both don't render the
icons
Post by Dobri
on Firefox 25.0.1. Doesn't seem to be a cache issue, I deleted it
multiple
Post by Dobri
times in both. I don't know if attachments work on this mailing list but
I'll give it a shot.
Post by Otto
~Dobri
Post by Luke Bryan
What "boxes" are you talking about, exactly? It's hard to understand
what
Post by Otto
Post by Luke Bryan
you mean when we don't see it ourselves.
Firefox 25.0.1 on Windows 8 works fine for me with the latest 3.8. I
see no
Post by Otto
Post by Luke Bryan
"boxes".
-Otto
Post by Luke Bryan
Is it possible it's not compatible with Firefox? My Firefox 25.0.1 is
showing boxes all over that site :(
~Dobri
Post by Luke Bryan
That's not a box, that's the icon in the mce toolbar for the center
button.
Post by Luke Bryan
See http://melchoyce.github.io/dashicons/ -
dashicons-editor-aligncenter
Post by Otto
Post by Luke Bryan
Post by Luke Bryan
Post by Luke Bryan
-Otto
On Mon, Nov 25, 2013 at 11:58 AM, Luke Bryan <
Post by Luke Bryan
Greetings all, I updated 3.8 beta and I notice it is making boxes
around
Post by Otto
Post by Luke Bryan
Post by Luke Bryan
Post by Luke Bryan
my
Post by Luke Bryan
span.mce_justifycenter:before {
1. content: '\f207';
Is this just for testing right now? What is the purpose of this
box?
Post by Dobri
Post by Otto
Post by Luke Bryan
Post by Luke Bryan
Post by Luke Bryan
Post by Luke Bryan
Best regards,
Luke
_______________________________________________
wp-hackers mailing list
http://lists.automattic.com/mailman/listinfo/wp-hackers
_______________________________________________
wp-hackers mailing list
http://lists.automattic.com/mailman/listinfo/wp-hackers
_______________________________________________
wp-hackers mailing list
http://lists.automattic.com/mailman/listinfo/wp-hackers
_______________________________________________
wp-hackers mailing list
http://lists.automattic.com/mailman/listinfo/wp-hackers
_______________________________________________
wp-hackers mailing list
http://lists.automattic.com/mailman/listinfo/wp-hackers
_______________________________________________
wp-hackers mailing list
http://lists.automattic.com/mailman/listinfo/wp-hackers
------------------------------
Message: 6
Date: Mon, 25 Nov 2013 18:56:51 -0500
Subject: [wp-hackers] WP toolbar second level flyout menu not working
in mobile (iOS7 iPhone/iPad)
Content-Type: text/plain; charset=us-ascii
Under Multisite both 3.7.1 and 3.8 Beta 1 configurations with no plugins
installed and default themes set. When viewing the Dashboard via an iOS 7
device I select 'My Sites' from the WP toolbar. There is not second level
flyout option displayed. You see the indicator arrow but there is no way to
touch the parent to make the second menu show.
I've tried searching Trac and see some old items. Both are 11-12 months
old.
http://core.trac.wordpress.org/ticket/23023
http://core.trac.wordpress.org/ticket/22660
Are these still open tracs to be eventually worked and closed? I don't
guess there is a possibility these would make it into 3.8
P-
------------------------------
Subject: Digest Footer
_______________________________________________
wp-hackers mailing list
http://lists.automattic.com/mailman/listinfo/wp-hackers
------------------------------
End of wp-hackers Digest, Vol 106, Issue 38
*******************************************
Otto
2013-11-26 03:40:32 UTC
Permalink
Post by Luke Bryan
It looks like it's an encoding issue. On wp dashboard it seems ok, though
on another page tips flag is the [ ] box, or [ ] box with number in it, in
Firefox.
Can you be more specific? I mean, this is something that we can probably
fix, with additional details.

-Otto
Luke Bryan
2013-11-26 17:06:27 UTC
Permalink
Looking into the problem more, I found out using Firefox Font inspector,
that the box icons are a special font: Dashicons Regular (remote).
The nonworking one just was Times New Roman.
Is there a guide on correctly enqueueing this font system, to see the icons
correctly on my pages?

Thanks,
Luke
Helen Hou-Sandi
2013-11-26 17:50:28 UTC
Permalink
Wait, are you referring to using WP_Editor on the front-end of your site?
Because we fixed this last night:
http://core.trac.wordpress.org/ticket/26236

Continue reading on narkive:
Loading...