Choose from several included themes or choose a custom theme
Changing themes is easy and you'll find the theme selection options under the Appearance tab in the Highlight and Share settings page.
Choose between several built-in themes to quickly customize the look and appearance of Highlight and Share.
Unless otherwise noted, the available themes show just the icons and not the labels. A tooltip is available on hover if that option is enabled.
The default theme shows brand colors and labels.
By default, a Tooltip is shown when hovering over a social network.
To remove the Tooltips, simply toggle the Tooltip option and save your changes.
You can modify the Tooltips in the Settings tab when enabling a social network.
You can customize the tooltips even further by adjusting the background and text color of the tooltip.
You can choose between horizontal and vertical orientation.
The preview below will show how the social icons will look on the frontend.
If you would like to customize the theme to your own specifications, you can select "Custom" from the theme dropdown.
You can customize the order of the social networks shown
You can find the Reorder section in the Appearance tab.
Simply drag and drop to change the order of the networks.
Be sure to save your changes when reordering is complete.
You are able to view a preview at the bottom of the Appearance tab.
Change the appearance of the floating icons
To change the appearance of Highlight and Share, head to the Appearance tab within the admin settings.
Within the Appearance tab, you can reorder the social networks, customize the theme, and see a theme preview.
Here are the pages within this section.
Choose a custom theme to modify how Highlight and Share shows on the frontend
When selecting a custom theme, you will be presented with several options to configure how Highlight and Share shows up on the frontend.
This section will go over the various customization options that are available.
You can choose to show or hide the labels of the social networks.
You can customize the labels in the main Settings tab when enabling social networks.
When the items are grouped, you can edit the social networks all at once together.
You can adjust:
The background color and background color on hover for all the icons
The text color and text color on over (if labels are enabled)
Adjust the border radius of the container
Set icon padding for all icons at once
Increase or decrease the icon size for all items
Set the font size of the labels (if labels are enabled)
Show or hide tooltips
Set vertical or horizontal orientation of the icons
To edit the icons individually, you can ungroup the the social networks.
When items are ungrouped, you can configure the colors of each social network icon individually.
Just click on each social network tab to adjust the colors for each network.
In addition to configuring colors, you can customize the appearance of:
The individual icon border radius
The individual icon padding
The icon size
The font size of the label (if enabled)
The gap between the social networks
Enable or disable tooltips
Set the orientation to horizontal or vertical
To view how the changes will look on the frontend, you can view the theme preview at the bottom of the appearance settings.
The theme preview shows what Highlight and Share will look like on the frontend
You can find the theme preview at the bottom of the Appearance tab.
Should you choose to reorder any social networks or customize or change a theme, you will find that the preview automatically updates.
Be sure to save any settings when you are through with any theme modifications.
