The “Navigation” field is not where you want to place your CSS class. The navigation is what the user will see in the menu, so don’t put any code there. To enter a custom CSS class to your item, you need to do the following: Click the “Screen Options” tab in the top right corner … Read more
Filter the content of post_class(): add_filter( ‘post_class’, function( $classes ) { if ( is_singular() ) return $classes; // now minus last mod time in seconds $diff = time() – mysql2date( ‘U’, $post->post_date ); if ( DAY_IN_SECONDS <= $diff ) $classes[] = ‘new-post’; return $classes; }); Now, in your loop, use post_class(), and you get an … Read more
Why could I not change the icon of the default Add media button that I added into the toolbar of TinyMCE?
You don’t need to copy the inc/icon-functions.php file and include/require it from the child theme — remember that the parent theme will also load the same file/functions and that would result in a PHP error if you did not rename the functions in the copied file. So try these: (You’ve already done this properly, as … Read more
Assumptions: You don’t explain how you want to install the Font Awesome package, so I just assume for the moment that you use the plugin Font Awesome Icons. You wrote: Before anyone says use a background image, I do not want to do that. I would like it to be physical. so I assume you … Read more
From Codex: $icon_url […] * Pass a base64-encoded SVG using a data URI, which will be colored to match the color scheme. This should begin with ‘data:image/svg+xml;base64,’. WordPress will change color of your SVG if you use SVG content instead of the file URL. (JS code responsible for changing the color is in svg-painter.js file.) … Read more
You need something like Fontastic or Grunticon to create your custom fonts/icons. Then just add your fonts to your html with wp_enqueue_style() or add the head elements directly. There is a section on the Genericons GitHub that describes Building your own Genericons using FontCustom or Fontello.
add_menu_page(); as far as I can tell does not work with screen_icon or the default CSS parameters. The $icon paramater only takes 2 options, an url or div (well 3 if you leave it empty), so that leaves you with these options: Hard-code the link to the icons which are located in wp-includes/images/wpicons.png. This is … Read more
Assuming you’re running WP 3.8, you can choose from a collection of icons (listed here). In your case, replace your icon URL with dashicons-admin-page, like so: add_menu_page( ‘Info’, ‘Info’, ‘manage_options’, ‘LINK’, ”, ‘dashicons-admin-page’, 10 ); You can use these icons in various places around WP. There are various articles on this like this one.
Yes, you can replace existing icons by overwriting them via CSS. Make sure to check if the existing icon is set via img or background-image and add some CSS to overwrite it with one of the available icons. You can find all available icons and the appropriate selector at the Dashicons Website. To replace the … Read more