Use code NOVASHARE for an extra 10% off!
  1. Home
  2. Docs
  3. General
  4. How to enable highlight and share

How to enable highlight and share

Sometimes you find the perfect quote or insightful phrase that you want to share on your favorite social network, such as X or Mastodon. You can enable our highlight feature for your visitors to easily highlight and share content.

Highlight and share in Novashare
Highlight and share in Novashare

How to enable highlight and share

Follow the steps below to enable “Highlight.”

Step 1

Click into the Novashare plugin settings.

Novashare plugin settings
Novashare plugin settings

Step 2

Click on the “Highlight” menu.

Novashare highlight menu
Novashare highlight menu

Step 3

Toggle on “Enable Highlight.”

Enable highlight
Enable highlight

Step 4

Choose which highlight social share buttons to display. Click on a network to enable it. Drag and drop networks to rearrange the order in which they will appear.

Highlight compatible social networks
Highlight compatible social networks

Step 5

Next, choose the post types you want the highlight feature to work on.

Highlight post types
Highlight post types

Step 6

Scroll down and click “Save Changes.”

Container Shape

You can change the shape of the highlight social share button container. The default is squared. Follow the steps below.

Step 1

Click into the Novashare plugin settings.

Novashare plugin settings
Novashare plugin settings

Step 2

Click on the “Highlight” menu.

Novashare highlight menu
Novashare highlight menu

Step 3

Under “Design → Container Shape,” choose the shape for the container. You have three options to choose from:

  • Squared (default)
  • Rounded
  • Circular
Highlight container shape
Highlight container shape

Step 4

Scroll down and click “Save Changes.”

Button Color

You can change the background color of the highlight social share buttons. Follow the steps below.

Step 1

Click into the Novashare plugin settings.

Novashare plugin settings
Novashare plugin settings

Step 2

Click on the “Highlight” menu.

Novashare highlight menu
Novashare highlight menu

Step 3

Under “Design → Button Color,” choose the background color for your highlight social share buttons using the color picker. You can also input a hex value (example: #ffffff).

Highlight button color
Highlight button color

Step 4

Scroll down and click “Save Changes.”

Button Hover Color

You can change the hover background color of the highlight social share buttons. Follow the steps below.

Step 1

Click into the Novashare plugin settings.

Novashare plugin settings
Novashare plugin settings

Step 2

Click on the “Highlight” menu.

Novashare highlight menu
Novashare highlight menu

Step 3

Under “Design → Button Hover Color,” choose the hover background color for your highlight social share buttons using the color picker. You can also input a hex value (example: #ffffff).

Highlight hover button color
Highlight hover button color

Step 4

Scroll down and click “Save changes.”

Icon Color

You can change the icon color of the highlight social share buttons. Follow the steps below.

Step 1

Click into the Novashare plugin settings.

Novashare plugin settings
Novashare plugin settings

Step 2

Click on the “Highlight” menu.

Novashare highlight menu
Novashare highlight menu

Step 3

Under “Design → Icon Color,” choose the icon color for your highlight social share buttons using the color picker. You can also input a hex value (example: #ffffff).

Highlight icon color
Highlight icon color

Step 4

Scroll down and click “Save changes.”

Icon Hover Color

You can change the icon hover color of the highlight social share buttons. Follow the steps below.

Step 1

Click into the Novashare plugin settings.

Novashare plugin settings
Novashare plugin settings

Step 2

Click on the “Highlight” menu.

Novashare highlight menu
Novashare highlight menu

Step 3

Under “Design → Icon Hover Color,” choose the icon hover color for your highlight social share buttons using the color picker. You can also input a hex value (example: #ffffff).

Highlight icon hover color
Highlight icon hover color

Step 4

Scroll down and click “Save changes.”

Inverse on Hover

You can swap to an inverse highlight button style on hover. This function will add additional inline JavaScript to any page where Novashare buttons are present. Follow the steps below.

Step 1

Click into the Novashare plugin settings.

Novashare plugin settings
Novashare plugin settings

Step 2

Click on the “Highlight” menu.

Novashare highlight menu
Novashare highlight menu

Step 3

Under “Design,” toggle on “Inverse on Hover.”

Highlight inverse on hover
Highlight inverse on hover

Step 4

Scroll down and click “Save changes.”


Was this article helpful?

Related Articles

Your Mastodon Instance