Social Font Awesome Icons, "square" option

[Noah Kuhn]

It would be nice to have the fa-XXX-square versions available as a Social Icon type in the backend

fa-facebook-square
fa-twitter-square
fa-linkedin-square

I know I can go in and alter themeblvd_get_contact_bar, but it seems like it would be nice to have as an option. Also, the ability to change the font-size for those in the control panel instead of overriding the CSS.

Thanks again, very very nice theme.

Topic

[Jason Bobich]

Hi,

Thank you for the suggestions. I think there are a couple of problems with that, though.

1) Is there a square version of every icon available for selection? I would have to double check, but I’m pretty sure there isn’t. And also, this would make it challenging to add new icons in the future, also, because there would have to be a matching square version.

I think because this goes into the territory of essentially selecting which specific FA icons you want to use, it’s best to do it through customization. The best approach would be to use filter “themeblvd_social_media_buttons” — Using this, you could even add certain square icons, in addition to the others, available for selection.

See: /framework/includes/general.php

2) The size of the icons does not stand alone; it matches the height of text and elements available to be placed into the top bar area. Simply making the icons, themselves, bigger would cause other side effects with the top bar.

Did you notice that you can uncheck the box, “Mini Display: Display top bar a bit smaller and more condensed” — At Appearance > Theme Options > Styles > Header Info? That will allow you to make them a little larger.

[Noah Kuhn]

No, there isn’t a square version for everything, so I see your point. I hadn’t found the social media filter you mention yet, but I can totally see how that would work now, thanks for pointing me in the right direction.

Thanks for the quick reply, again, really awesome theme/framework.

[Jason Bobich]

Awesome, thanks, glad to hear it!

[Noah Kuhn]

In case anyone finds this thread and wants to do the same, add this to your child theme functions.php:

function square_social_icons($sources) {
	$sources['facebook-square'] = 'Facebook Square';
	$sources['twitter-square'] = 'Twitter Square';
	$sources['linkedin-square'] = 'LinkedIn Square';
	asort($sources);
	return $sources;
}
add_filter( 'themeblvd_social_media_sources', 'square_social_icons' );

You need to add the coloring to your child theme stylesheet if you are using the flat color style.

[Author]

Replies