Reducing Nivo Slider Height

[anonymous]

Hi,

I’ve got the slider working, I really need to make it shorter in length, I’ve tried changing the CSS to suit but this didn’t work (styles.css)


#nivo-slider {
position: relative;
background: #202834 url(images/sliders/loading.gif) no-repeat 50% 50%;
margin: 0 auto;
display: block;
color: black;
width: 1000px;
height: 322px;


Or should I be working via the default css?
Many many thanks!! 🙂

[livemesh]

Here is the solution for Nivo Slider shortening. It is a bit tricky but not too difficult.

Apart from the below css change, you will need to add the code –

In the {theme directory}/framework/presentation/slider-manager.php, under the display_nivo_slider() method, change the line number 146 from –

$args = array('image_size' => 'slider-thumb',
'size' => 'full',
.......
'extra_shadow' => false
);

to your preferred custom size –

$args = array('image_size' => array('width' => 960,'height' => 325),
'size' => 'full',
.....
'extra_shadow' => false
);


Make the following css change in custom.css located in /custom like below so that when you update the theme, the custom changes are retained to the max extent possible. My mistake, it is not documented in the theme and hence most do not come to know of it.

#nivo-slider {
height: 325px;
box-shadow: 0px 0px 15px -3px black; /* Replace the existing shadow */
}


#nivo-slider-wrapper {
background: none; /* get rid of that existing shadow */
}

Hope this helps. This needs to be an option in the Enticing Options Panel. Will include slider height as an option in the next update. Thanks

[Author]

Posts