In modern website design, the integration of social media links has become an important way to enhance user interaction, and the Avada theme offers a very useful feature - aSocial Linking Elements, it makes it easy for webmasters to add social media links to any location on their website. Whether you're showcasing your company's social media icons or want users to have quick access to your social platforms, theAvada The social linking elements of all of them can help you achieve this easily.

In this article, we will explain in detail how to use the Avada Social Linking Elements, and introduces its powerful customization features to help you create a visually compelling social media links section.

What is the Avada Social Linking Element?

Social Linking Elements is a widget provided by Avada that supports adding social media links and icons to web pages. This element is perfect for those who want to put theirSocial media platforms(e.g. Facebook, Instagram, LinkedIn, Twitter, etc.) linking users to the website. With this element, visitors can easily click on the icon to jump to the appropriate social platform.

Avada 7.12 version optimizes the social linking elements and adds more customization options, allowing users to tweak the style, color, position and other details of the icons to suit their branding needs.

How to use Avada Social Linking Elements

Step 1: Add Social Linking Elements

• Creating Containers: Create a new container on a website page. This container can be styled with background colors, gradient effects, and even a header can be added to highlight the social media section.

• Add social linking elements: Add the Social Linking Elements. In conventional (weapons) In the tab, you will see a list for adding social media links.Avada supports up to 38 social platforms, including common social media sites such as Facebook, Twitter, LinkedIn, YouTube, etc., in addition to the option to add email and phone numbers.

• Add Social Links: In the list, click on the blank box and enter the social platform link. Each link will generate a corresponding social icon, which will open the corresponding social platform in a new tab when the user clicks on it.

Step 2: Customize Social Link Icons

• Customized Icons: can be found in the conventional (weapons) tab to choose whether to enable custom social icons. If custom icons have been set in the global options (in the social media (found in), you can choose to display it in this element.

• Show/Hide Options: In the page's Elemental visibility The settings allow you to choose whether or not to display social link elements based on different screen sizes (e.g. desktop, tablet or mobile).

Step 3: Design and Style Settings

exist devise tab, Avada offers a wealth of customization features that allow complete control over the appearance and arrangement of social icons:

• alignment: You can choose to align the icons left, center or right so that they can be adjusted according to the page layout.

• font size: The default icon size is 16px, but you can adjust it as needed. For example, the font size can be set to 60px to make the icon more eye-catching.

• Borders and fills: You can also add borders and fills to social icons to increase the visibility of the icons. In this example, a 20px fill can be added to the icon and a 2px border can be set to enhance the visual effect.

• Background color and icon color: You can set different colors for the icons. By default, you can choose to use a custom color or a branded color. For example, you can set the icon color to color 1 and the background color to color 5 in normal state and color 1 on hover and set its transparency.

best practice

• Choose the right icon size: Icon size is critical to the visual appeal of a website. Too large icons may spoil the overall layout of the page, while too small icons may be difficult to attract users' attention. It is recommended to adjust the icon size according to the overall style of the page design.
• Maintain consistent brand colors: To maintain brand consistency, it is recommended to set the icon's color and background color using a color that matches the brand's image.Avada provides the Brand Color option, which makes it easy to use preset brand colors.
• Mobile Adaptation: Ensure that the social link element displays correctly on different devices, especially on mobile devices. You can adjust the display settings according to the screen size to make sure it is usable and visually appealing on all devices.

reach a verdict

Avada Social Linking Elements is a powerful and easy-to-use tool that helps add social media links to your website to enhance the interactive experience of your visitors. With the various customization options provided by Avada, it is easy to adjust the style, color, position, etc. of the icon to ensure that it fits perfectly with the website design.

For more WordPress related tutorials and information, please follow thePhoton fluctuation network, has the most comprehensive WordPress tutorials and the most activeWordPress Exchange CommunityThe

Contact Us
Can't read the tutorial? Contact us for a free answer! Free help for personal, small business sites!	Customer Service
① Tel: 020-2206-9892
② QQ咨詢：1025174874
(iii) E-mail: info@361sale.com
④ Working hours: Monday to Friday, 9:30-18:30, holidays off