Use Custom Social Media Icons in the Social Block

The new Social Media Block in Headway 3.6 offers you an easy way to drop a predefined set of social media icons into your layout. Just choose the icon set, then choose the network, add link, rinse, repeat, and you’re done!

Headway offers two options out of the box, a Peel Icon Set and Soft Icon set. If you don’t like either of those, you can upload your own custom icons.

Set the Block to Display Custom Icons

Use the drop-down under General to choose Custom Icons from the list:

SetBlockOption

Go to the new Custom Icons Tab

The block will reload and you’ll see a new Custom Icons tab:

CustomIconsTab

Upload a New Icon

Select “Choose Image” to upload a new icon or choose from one in the library. You must upload each icon individually, you can’t upload an image sprite of icons.

ChooseIcon

Add Icon Details and Define Link

Add the Title, Alt and Link information for the icon.

AddIconDetails

Keep Adding Icons

Click the Plus to Add More Icons and repeat the three steps above.

RinseRepeat

Spread the word!

18 Responses

  1. I’m wondering if there’s an easy way to change the background color of the peel icons.

    When I try to use the Visual Editor, it wants to create a square of color instead of just changing the background color inside the circle of the icon.

    Am I missing a step? Advice is appreciated.

    Thank you.

    • The icons are all images so you can’t change the background color in the visual editor. You do, however, have the ability to use/upload custom icons.

    • Hi Terra,

      Do you mean instead of a website URL for the link, you’d like to put in an email address?

      If so, you can do:

      mailto:YOUREMAIL@gmail.com

      in the URL field.

Leave a reply

Copyright © 2016 Vesped Inc. All Rights Reserved. Proudly Powered by Headway and WordPress