How to add social icons

How to add social icons
1
Add social icons to header

To add social icons in the header, first, you need to set your social network accounts links in the Theme options > Layout > Social icons.

Image link

Essentials Theme Options

After setting the links in the Theme options you will notice that the social icons will appear automatically in the header after adding the social element in the header builder (WordPress admin panel > Headers > Edit your header) .

Image link

Add social element in pixfort Header Builder

Image link

The result

Want to add to your Header a social icon that is missing from the list in the Theme options?

Currently the Social icons tab in the Theme options includes a group of social apps, therefore some social apps may not be available directly in that list (we are continually adding new social apps icons to the theme).

However, if the social icon you’re looking for is not available directly in the theme options, you can check if it’s available in the Font icons set in the theme, by using the Link element (without inserting text) in the header builder to add an icon from the available font icons set in the theme.

Below you can check an example for adding the Soundcloud icon in the header builder:

Image link

Add a Link element in the Header builder

After clicking on the link element the Options panel will appear and you can search of an icon and insert a link as follows:

Image link

Click on the Link element to open its options

The result:

Image link

Finally, if the icon you want to add is also not available in the Font icons set, there’s a workaround by using the Logo element (image) in the header builder to add any social icon you want as an image.

Below you can find an example for adding an icon (Xing social network) as an image using the Logo element in the header builder:

Image link

After clicking on the Logo element the Options panel will appear and you will be able to choose the image, image size and link as follows:

Image link

The result:

Image link
2
Add social icons to sidebar using social links widget

To add social icons to the sidebar, go to Appearance > Widgets, then drag and drop PixFort Social Links widget to the desired sidebar, after that you can click on the widget to view and set the links.

Image link

Widgets page

Image link

The result: sidebar with social links widget

3
Add social icons to your page or footer

You can add social icons anywhere in your page or footer using WPBakery or Elementor page builder, just open the page or footer using the desired page builder and add the Social icons element from pixfort Elements and set the links via the element’s options panel.

Image link

Social icons element in pixfort Elements (in WPBakery and Elementor)

pixfort
pixfort
Essentials support team
hub.pixfort.com

Hey, this is pixfort support team, if you still need help you can always reach us via the chat messenger in your account on pixfort hub

Related Posts