what is the procedure to customize the slider in drupal?
if it was a static html slider, i'd read nivo slider docs and customize. is there a correct way to modify the slider in drupal? and by 'modify', i mean like changing the previous next icons, moving the image selection icons around, etc?

Comments

dbinoj’s picture

dbinoj commented
Title: Tweeking around the slider » Move ControlNav into the slideshow
devin carlson’s picture

devin carlson commented
Status: Active » Fixed

You should be able to completely customize the slider, including the directional navigation icons, using only CSS (I'd suggest adding the CSS to your theme or to a custom module).

If you intend to heavily customize the slider, you can write your own slider theme (which will show up on the slider configuration page) by registering the hook hook_nivo_slider_theme() in your own custom module. Details on how to use the hook are outlined in the nivo_slider.api.php file included with the module.

dbinoj’s picture

dbinoj commented

Which CSS should I exactlty modify?
CSS in the nivo slider module or CSS in /sites/all/libraries?

dbinoj’s picture

dbinoj commented
Status: Fixed » Active
devin carlson’s picture

devin carlson commented
Status: Active » Fixed

You shouldn't modify any existing CSS files, as your changes will be overridden if you upgrade the Nivo Slider jQuery plugin.

Just override the desired styles output by the plugin. None of the default styles utilize an ID, so you can simply do something like:

#slider .theme-default .nivo-caption {
    color: #FF0000;
}

to override the default .theme-default .nivo-caption.

dbinoj’s picture

dbinoj commented
Status: Fixed » Closed (fixed)

Thanks!