Configuring Social Networks

Last Updated on

Social networks are the platforms that connects people and companies with their customers and let them follow up on the latest news. Since they are advertising tools, lots of companies or personal websites display their social network accounts on their websites to attract new followers. That’s why the placement and design of these links are important in order to get the attention of new followers.

In this article, we’ll explain how to add social icons and configure their design and location in the header.

In this article


Adding Social Networks

To add social networks:

1
From the WordPress left menu, go to Theme Options > Header.

Configuring social networks - Header

2
Under the Social Network section, select your social website in the Select a Site field and then enter the full URL to your site’s profile in the Enter Full URL field. 

Configuring social networks - Social network

3
Click on the Add New button. Go to step 2 and repeat the process if you want to add more social networks.
4
Click on Save Settings.
x
Note: Unfortunately it’s not possible to add custom social icons. If you need a new social icon, submit this as a feature request.

Configuring the Location

It is possible to display the social network icons in either the header toolbar or the header section.

To change the icon’s location:

1
From the WordPress left menu, go to Theme Options >Header.

Configuring social networks - Header

2
Select the location of your icons in the Header Social Networks Location dropdown. This setting allows you to select toolbar, header or completely disable the icons.

Configuring social networks - social networks location

3
Click on Save Settings.

Configuring the Design

Social network icons design type and colors can be changed easily in the Social Networks and Header Toolbar screens. To change the icon type and size:

1
From the WordPress left menu, go to Theme Options > Header.

Configuring social networks - header

2
Select your icon type in the Header Social Networks Style dropdown and the size in the Icon Size dropdown.

Configuring social networks - social network style

3
Click on Save Settings.
x
Note: The Simple Rounded, Square Pointed, and Square Rounded icon types cannot be used in the header toolbar location.

Configuring the Icon Color

There are two setting pages for customizing the colors depending on the location you selected for your icons.

To change icon color:

1
From the WordPress left menu, go to Theme Options >Header page.

Configuring social networks - header

2
Scroll down to the Social Networks section.

Configuring social networks - social network icons color

Setting Description
Icon Color Defines the icon color. It affects all icons types.
Icon Hover Color Defines the hover icon color. It affects all icon types.
Border Color Defines the border color of the Simple Rounded, Square Pointed & Square Rounded icon types.
Background Color Defines the background color of the Simple Rounded, Square Pointed & Square Rounded icon type.
Hover Background Color Defines the hover background color of the Simple Rounded, Square Pointed & Square Rounded icon types.
3
Click on Save Settings and check the result.
x
Note: To learn how to add custom social icons to header, check out this forum topic.
Was this helpful?
Previous Article:
Next Article:

Can't find what you're looking for?

Open New Ticket