Boom! Thanks for following up :-)

Best,

Chris

Ahhh. Thanks, I shoulda looked there first. The answer was clear as day:

"Unlike style.css, the functions.php of a child theme does not override its counterpart from the parent. Instead, it is loaded in addition to the parent’s functions.php. (Specifically, it is loaded right before the parent’s file.)"

So problem solved. I created a functions.php in my child theme folder, and put only the new Font Awesome code in it. Then I restored the original "factory"-shipped functions.php to B+M. Works great!

Hi there,

Nice! Thanks for sharing :-)

Regarding your question, I'm not sure. I haven't delved too far into child theme development.

Maybe the answer lies here? http://codex.wordpress.org/Child_Themes

Best,

Chris

Chris,

A quick question perhaps you can shed some light on. At first I copied functions.php to my child theme, and added the enqueue code there so I wouldn't modify the original. But it didn't work--it failed on line 30 with a "cannot redeclare" error.

Putting the code into the original functions.php works just fine.

Any ideas why I can't do this in a child theme?

dt

Thanks so much Chris. For anyone else looking into this, I decided to make this change myself. Instead of using the built-in support for B+M's social icons, I'm now using Font Awesome.

Those not familiar, Font Awesome is an open source and incredibly useful set of font icons for almost 350 social services, common website icons from bullets to settings icons, and everything in between.

Font Awesome was originally designed to be used on Bootstrap, a website framework built by Twitter. But with some VERY light code, it can be used in WordPress sites as well. Those who like using PlugIns, there are several WP plugins for using Font Awesome. I hate using them when it's not necessary though, so I implemented it with just a couple lines of code. See below.

In the theme's functions.php, the following code needs to be added:

add_action( 'wp_enqueue_scripts', 'prefix_enqueue_awesome' );
/**
 * Register and load font awesome
 * CSS files using a CDN.
 *
 * @link http://www.bootstrapcdn.com/#tab_fontawesome
 * @author FAT Media
 */
function prefix_enqueue_awesome() {
	wp_enqueue_style( 'prefix-font-awesome', '//netdna.bootstrapcdn.com/font-awesome/3.2.0/css/font-awesome.min.css', array(), '3.2.0' );
}

This loads the icons and CSS directly from Font Awesome, so they're always up to date and you don't need to download anything to your site.

Then, in footer.php, I swapped out the JavaScript B+M uses to display the social media sites specified in B+M's customizations panel. At least for right now, yes, this means I am hard-coding my social media icons and URLs. I don't mind as I'm not going to add any more though. But that's just me.

So my footer.php code for the copyright and social icons now looks like this:

<div id="copyright">
	<a>"  title="<?php _e('Subscribe via RSS','themolitor');?>" rel="nofollow"><i class="icon-rss-sign icon-2x"></i></a>
	<a href="http://www.linkedin.com/in/dtrimble" title="LinkedIn" rel="nofollow"><i class="icon-linkedin-sign icon-2x"></i></a>
	<a href="https://plus.google.com/117001282777568957074/" title="Google+ Profile" rel="nofollow"><i class="icon-google-plus-sign icon-2x"></i></a>
	<a href="https://facebook.com/dan.trimble" title="Facebook Profile" rel="nofollow"><i class="icon-facebook-sign icon-2x"></i></a>
	<a href="https://twitter.com/dtrimble" title="Follow on Twitter" rel="nofollow"><i class="icon-twitter-sign icon-2x"></i></a>
	© Copyright 1993-<?php echo date("Y "); ?>, Daniel G. Trimble.  <?php if($footer) { echo $footer;} ?>
</div>

I didn't change much in the B+M CSS--left the margins, and just removed the images. So my style.css now has the following for the socialreferrals class:

.socialreferrals {float: right; margin: 6px 0 0 10px; border: none !important;}
.socialreferrals:hover {border: none !important;}

The end result is what you see in my footer at http://dantrimble.com. I think it looks terrific, and it was truly effortless to put together. And it's now font-based, not images, and without any plugins.

dt

Hi there,

The MySpace comment cracked me up :-)

At the time I developed this theme, those were the big hitters (G+ didn't even exist) and it was common practice to use images hard-coded into the theme.

As a result, adding additional icons isn't the easiest thing to do since it requires a custom image and custom code in the template files to control. I downloaded an icon vector pack YEARS ago and just customized them myself for this template.

I appreciate the feedback on this and will look into possibly implementing icon fonts so that users can easily add additional icons if they want. For now, edits like this requires a customization request: http://themolitor.com/custom

Best,

Chris

Hello,

I'm not big on using lots and lots of social services; I tend to stick with only the most popular ones appropriate for my content. So right now I'm using Twitter, Facebook, LinkedIn, and RSS--that's it.

I would like to add Google+ to that, but B+M doesn't have any built in support for it--I only see options for Vimeo, Skype, YouTube, MySpace (seriously?!), and Flickr.

I can certainly add the icon and URL myself; it's not a heavy customization at all. But I want my icons to look consistent, and I can't do graphics to save my life. Your social icons included with B+M are are beautifully woven into the design, so I'd like them all to look the same.

So the question is whether or not you sourced these icons from somewhere else that I might be able to go to find a Google+ icon? Or...do you have any plans to add Google+ in the next update of B+M?

dt