Scroll Highlight – catch the eye of your visitors while they scroll

by Denis

Description

ScrollHighlight plugin will highlight (while the background will be blacked out) a block of your choosing, on scroll. You can choose when the highlighting will start. Also you can choose highlight color, overlay background color and opacity.

BENEFITS

Choose the blocks which will be more eye-catching for visitors
Get more attention to your Call To Actions or ads

HOW DOES IT WORK

Activate the plugin. Choose your settigns. Done

Installation

Install like any other plugin. After install activate.
Go to Settings / Scroll Highlighter and change set correct settings to fine tune highlight position or duration

Screenshots

Scroll Highlight backend settings
Check Scroll Highlight in action

Faq

How to add selector to an element?

You may want to use “HTML Block” Gutenberg Block
If you use Classic Editor you could switch to Text Mode and type in html

I want to highlight current element, how to find correct selector?

So this depends on which theme you use, examine the code (Firefox: right click on sidebar and ”Inspect Element”; Chrome: right click on sidebar than select “Inspect”) and find yout element. This element have some class or id, and that’s the selector we need. If using class than don’t forget to ad dot (.) in front of class name, or hash (#) in front of id name.

Reviews

Changelog

0.1.2

Typos fixes

0.1.0

First release of Scroll Highlight plugin