Social Settings Widget
The Social widget allows you to add one or more social media icons to the section grid or as a child element to a parent widget container such as Carousel, Grid or Flex (Fig 1).
The Social widget has a few menus:
- Icons Menu
- Style Menu
Fig 1
Icons Menu
The Icons menu displays three social icon blocks by default:
Each block is made up of four control features:
- The three-horizontal lines hamburger icon at the far left allows you to drag an icon by dragging and dropping left-clicking and holding your cursor on it so you can set a different order for how the icons will appear.
- Clicking on the social icon itself will bring up a modal popup of various icon designs you can choose (Fig 2). Clicking on a specific social icon will insert it in place of the original social icon.
Fig 2
- An input field where you can insert the URL link to your social media account.
- An "X" to the far right that when clicked deletes the social icon and its URL.
- The wide "Add" button that allows you to add another social icon at the bottom of the stack. The added icon will be the same as the last icon in the stack prior to clicking the button by default.
Style menu
The Style menu for the Social widget resembles other Style menus in Pinpointe, but also contains additional features including:
- Icon Size is used to increase or decrease the sizes of the social icons as a group but not their container (Fig 3). The maximum icon size is limited to the current size of its container. Enlarging the icons beyond the current size of the container will cause the icons to "spill out".
Fig 3
- Icon Gap allows you to change the gap between the icons up to a calculated value based on the current size of the container (Fig 4). If the gap value is increased beyond this current size, the icons will "spill out" of the container.
Fig 4
- Add allows you to add another social icon at the bottom of the stack. By default, this is the same as the last icon added.