CSS Manipulation of Nivo Slider Widget

[Acorn]

Nivo Slider CSS.web is the Nivo Slider Widget and a number of CSS Placeholders.

Each CSS Placeholder's purpose is described:

• no Control - hides the Control buttons at the bottom of the Nivo Slider Widget.
• no CaptionBar - removes the black bar behind the caption text.
• White Bar - changes the CaptionBar to White. If this and the no CaptionBar are both on the page, the one that is higher in the Page and Layer Gallery dominates.
• no Navigation - move the Prev & Next buttons off the page.
• Red text - changes the caption text from white to red.
• Green text - changes the caption text from white to green.
• Blue text - changes the caption text from white to blue. If these text controls are all on the page, the one that is higher in the Page and Layer Gallery dominates. The CSS colour can be changed to your preference; click on the CSS Placeholder and then in Web Properties, select Placeholder > HTML code (head). Remember to rename the Placeholder's colour.
• Centred text - places the caption text in the centre of the caption bar.
• Right (-aligned) text - places the caption text to the right of the caption bar. If this and the Centred text are both on the page, the one that is higher in the Page and Layer Gallery dominates.

Acorn

[gwpriester]

Can you give us some examples of how a user would use these to modify the Nivo slider?

[Acorn]

Gary, create a page with your photographs saved within the nivo slider.
Preview the page.
Open Nivo Slider CSS.web and copy & paste each CSS Placeholder in turn onto your page.
Preview again to see the change.



Keep the ones you want.

Acorn

[gwpriester]

WOW! Did you do these? If not, who did them? That's a terrific resource.

[Boy]

Thank you so much for that, Acorn. Nice to have a new set of tweaks!

[Acorn]

WOW! Did you do these? If not, who did them? That's a terrific resource.

Gary, I had a few snippets for myself but never realised others might need them too.

Are there any other CSS Tweaks for the Nivo Slider TGers are after.
I will try and incorporate them as well. I had thought about the font and font size might be useful.

Once these are firmed up, I can probably do the same for the other sliders.

Acorn

[gwpriester]

You sir are a true gentleman.

[Egg Bramhill]

Hi Acorn, that's awesome and thanks for sharing.

[nobbyy]

Acorn - fantastic - a vote of thanks from me!

[letsgofishing]

Many thanks Acorn - great of you to share this!