LogoLogo
Highlight and ShareGet QuotesDLXDLX PluginsMediaRon
Highlight and Share
Highlight and Share
  • Welcome to Highlight and Share
  • Getting Started
    • Installing the Plugin
    • Finding the Plugin's Settings
    • How Highlight and Share Works
    • Configuring the Display Settings
    • Enabling the Social Networks
    • Enabling Shortlinks
    • Advanced Selectors
    • Changing Themes and Appearance
      • The Theme Preview
      • Reordering the Social Networks
      • Choosing a Theme
      • Configuring a Custom Theme
  • Inline Highlighting
    • What is Inline Highlighting
    • How to Add Inline Highlighting to Text
    • Configure Inline Highlighting
  • Image Sharing
    • What is Image Sharing?
    • Configuring Image Sharing
  • Click to Share Shortcode
    • Shortcode Parameters
    • Custom Shortcode Themes
  • Click to Share Block
    • The Click to Share Block
    • Configuring the Block Editor Settings
  • Emails
    • Email Sharing
    • Email Admin Settings
  • Developers
    • Available Social Networks
    • Actions and Filters
      • Disable or Enable Text Selection
      • Changing Labels and Tooltips
      • Disabling CSS
      • Enabling or Disabling Social Networks
    • GitHub Repo
  • Quick Links
    • Highlight and Share Home
    • Highlight and Share Download
    • Support
    • MediaRon Home
    • DLX Plugins Home
    • Brand Assets
Powered by GitBook
On this page
  • Hide or Show Labels
  • Item Grouping (Grouped)
  • Item Grouping (Ungrouped)
  • Theme Preview

Was this helpful?

Export as PDF
  1. Getting Started
  2. Changing Themes and Appearance

Configuring a Custom Theme

Choose a custom theme to modify how Highlight and Share shows on the frontend

PreviousChoosing a ThemeNextWhat is Inline Highlighting

Last updated 10 months ago

Was this helpful?

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.

Hide or Show Labels

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.

Item Grouping (Grouped)

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

Item Grouping (Ungrouped)

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

Theme Preview

To view how the changes will look on the frontend, you can view the theme preview at the bottom of the appearance settings.

Enabling the Social Networks
The Theme Preview
Choosing a Custom Theme Presents Several Configuration Options
Hide the Labels for a Condensed Share Effect
Show the Labels for Impact
Item Grouping Allows Editing All Items Together
Edit each Social Network Individually
Select each Social Network to Change Colors Per Network
Adjust the Icon Settings in (Un)grouped mode
Theme Preview in the Appearance Settings Tab