Add full screen window canvas to back to icons when searching in Beaver Builder
In a recent Beaver Builder update the canvas size for an icon search was humbly shrunk as some users didn’t like the vast open lands of icon city. With a bit of CSS code injected into the backend, the icon canvas size can be resized back to its former glory. Add the above code to…
Read MoreCreating a Social Media Menu from Icon Fonts with FontAwesome
How to make social media menus from icon fonts using the awesome FontAwesome. Fontawesome is widely used and supported in all modern browsers and older browsers. <link href=”https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css” rel=”stylesheet”> You can link to the Fontawesome CSS file via a CDN or just copy the download it to your site. If using WordPress you can…
Read MoreAvoid Blank Square FontAwesome 5 Icons when used as CSS Pseudo Elements
Are your FontAwesome 5 icons appearing as blank squares “□ □ □ □” ? Are the icons displaying on Desktop ok but not displaying on iOS Mobile Safari iPhones or iPads? – you need to tighten up your CSS rules in order for them to display correctly. Add FontAwesome 5 CSS First up is to…
Read MoreAdd Icons in Genesis Header and Footer Post Meta Info
You can easily add icons just before the labels in Genesis Entry and Footer Meta content, including… .entry-time .entry-author .entry-comments-link .entry-categories .entry-tags The five metas can be targetted with some CSS pseudo selectors by adding the below CSS to your style.css So in the above the 5 regular metas are targetted, swap in your desired icon…
Read MoreChange the Genesis Meta Output, Post-Info, Post-Meta and Post-Terms
This tutorial takes you through changing the Genesis Meta Output, the Post-Info, Post-Meta and Post-Terms, post-info is typically at the top of a single post above or below the heading with dates, author and comments info, post-meta is at the foot of the post and includes category and tag info and post-terms applies to custom taxonomy…
Read MoreMake a Read More Link with Dashicons for Posts in Genesis Child Theme
By default in a Genesis Child and any WordPress theme the ‘read more‘ link in a post is not a link and is an ellipse surrounded by square brackets[…] There is a WordPress filter that allows this to be changed called excerpt_more, a function needs to be created and then passed into that filter. This…
Read MoreUse FontAwesome Icons in WordPress Visual Editor without Disappearing
If you use FontAwesome icons in your work and use them inside WordPress visual editor and swap between text and visual mode – the icons get stripped out. Not good. Disable Visual Editor Couple of solutions to deal with this, one is to use a plugin called Disable Visual Editor which you can simply disable…
Read MoreUsing FontAwesome Icons to replace WordPress Dashicons in Admin Menus
WordPress admin area comes with the DashIcons in use in its administrative Menus, you can also add in the awesome Font Awesome icons to use in place of the WordPress dashicons. function fontawesome_dashboard() { wp_enqueue_style(‘fontawesome’, ‘http:////netdna.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.css’, ”, ‘4.5.0’, ‘all’); } add_action(‘admin_init’, ‘fontawesome_dashboard’); In your functions.php add in the above in which a new function is…
Read More