How to fix the prev/next arrows image

By , last updated December 8, 2014

After updating out WordPress installation and changing some fonts we’ve got some strange images instead of arrows on next/previous posts:  (U+F430) and  (U+F429).
arrows as utf images in wordpress
These images are utf-8 characters in the Private Use Unicode subset.

In CSS these arrows are defined as ‘\f430’ and ‘\f429’:

.single #content #nav-below .nav-next a:before {
   content: '\f430';
}
.single #content #nav-below .nav-previous a:after {  
   content: '\f429';
}

So, if you see these images instead of arrows, then you got another character representation than you need. The easy solution is to add a Genericons font-family tag to your css:

.single #content #nav-below .nav-next a:before {
   content: '\f430';
   font-family: Genericons;
}
.single #content #nav-below .nav-previous a:after {
   content: '\f429';
   font-family: Genericons;
}

arrows in wordpress

Comments

Be the first to comment.

Leave a Reply


You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

*