Create A Hover Effect For Your Feature Navigation.

There are a variety of navigation options in the default PlatformPro Feature section. Some of these include thumbnails, numbers, names, and simple squares or dots. There a few things we can do, however to easily customize the look and feel of this marquee feature.

The CSS Setup

First open up your base.css file in the PlatformBase child theme and make sure that you are using the “Squares or Dots” navigation mode, which is set under the global PlatformPro Feature Settings.

The important thing about the CSS here is that we are changing the position of the feature navigation so that it sits on top of the feature slide area instead of directly beneath it. We are also including a transparent black background for the feature navigation as well as an image sprite to replace the default circles/squares.

Place the transparent background and image sprite in the images folder in your Base theme for the code below to work