The Social Icons Footer Component

This guide is about the Social Icons footer component available in Neve.

For more details about how the footer builder works, please refer to this article.

📝  Note: Please note that this component is available only in Neve Pro.

Add a Footer Social Icons

 Just click on the ➕ symbol and a list of components will appear.

From there you can add the  Social Icons component.

To open the customizing options, just click on the ⚙️ icon inside the Social Icons component. This will open the Social Icons panel on the left side, from where you can customize the component.


⚙️ General

  • Appearance > Customize > Footer > Social Icons > General

The general tab allows you to configure the desired icons:

  • add a title, an icon, and a link
  • select an icon and a background color
  • remove the icon
  • change its visibility by clicking on the 👁️ icon.

Other options available in the General tab:

  • reorder the elements
  • add a new item
  • open in a new tab - when clicking on a certain icon


 📐Layout

  • Appearance Customize Footer Social Icons > Layout

In the Layout tab, you also have access to advanced positioning options like:

  • Alignment - left / center / right ( Desktop | Tablet | Mobile ).
  • Vertical Alignment - top / middle / bottom
  • Padding - available in PX, EM, and %, with a link button that helps with establishing the same dimension for all the directions  ( Desktop | Tablet | Mobile ).
  • Margin - available in PX, EM, and %, with a link button that helps with establishing the same dimension for all the directions  ( Desktop | Tablet | Mobile ).


🖌️ Style

  • Appearance Customize Header Social Icons > Style

The style tab includes the following options:

  • Icon Size - sets the size of the social icon.
    • it has a reset button, to undo the changes
  • Icon Spacing - the space between the icons.
    • it has a reset button, to undo the changes
  • Border Radius - rounds the corners of the icon (in PX).
  • Icon Padding - available in PX, EM, and %, with a link button that helps with establishing the same dimension for all the directions.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.