Salient v14.0 (11/15/2021) is out now!

After updating, remember to clear the cache from any performance plugins you have active as well as your browser cache.

Once you've updated your theme, make sure to also update your Salient plugins to get access to the new features.

Click here to view the update guide

View Changelog

Okay
  Print

Nectar Slider CSS Classes


The nectar slider has a few CSS classes you can add for different effects/behavior. A nifty one we created as a bonus is called "static". What it does is make it so the caption / buttons move at the same speed as the background in a parallax slider. By default it moves slightly faster, but this might always be desired if you for example are trying to make the text look like it's on an object rather than in front of it.The class to use is called "static". 

Another one similar to that is called "caption-no-fade". It will also stop the parallax effect on the caption content, but in addition it will stop the opacity fade as you scroll down as well. This will in turn make the entire slide move together. The other possible css classes are "external-button-1" and "external-button-2". 

Their names are pretty self explanatory, but adding either of them or both of them will
cause the button(s) for your slide to open in a new window if you want your link to be
external.

 In summary, here's a go-to list of all the Nectar Slider classses that come by
default:

• static

• caption-no-fade

• external-button-1

• external-button-2