Social Media Icons Order

[Sasha Bell]

Hi,

I am wondering if there’s an easy way to change the order in which the social media icons appear, please?

Any help would be much appreciated.

[Bill Robbins]

Good Evening Sasha,

Great question. You can change the order with a bit of editing. Here’s how:

1. Go to the Appearance section in your WordPress control panel and select Edit.
2. From the list of files on your right, choose header-links.php
3. In this file you’ll see several repeated code blocks that look just about like this:

   
   	<?php if(of_get_option('youtube', $single = true) != ""){ ?>
   		<li><a target="<?php echo of_get_option('social_open'); ?>" class=" font-icon-social-youtube" href="<?php echo of_get_option('youtube'); ?>"></a></li>
   	<?php } ?>
   

   In it you’ll see the social network that the block refers to.

4. You can cut any block and paste it into a different order to change which one is visible first. Be sure to cut all three lines of a block and paste them in above another complete block. Repeat that for as many as you need to move.
5. Save your changes.

That should let you move them. If you have any trouble, let me know.

Thanks,
Bill

[Sasha Bell]

Thanks Bill,

Quick to respond, as always. Much appreciated.

Also, I don’t know if you take icon requests for future versions of the theme, but if so, I’d love to see an IMDb (http://www.imdb.com) icon in there.

Thanks for all the great work.

[Bill Robbins]

Thanks. I’ll keep that in mind Sasha. I’m slowly moving the themes to using WordPress navigation menus for these icons. It gives a touch more flexibility that way. Plus there is a plugin that lets you upload images to a navigation menu so it’s a bit easier to add in custom icons.

Have a great weekend,
Bill

[Author]

Posts