Editing the global.css to resize nivo slider

[iransis]

Hi

 

I want to resize the nivo slider to place it above the three columns (left.right and center). How can I make this slider:

 

 

 

 

 

To look like this:

 

 

 

 

 

How can I achieve this look? Should I edit the global.css in themes? I would appreciate your help on this immensely.

 

Here is a part of Nivo Slider Module CSS code:

/* The Nivo Slider styles */
div#slide_holder {
 clear: both;
 background: url(\'../img/loading.gif\') no-repeat scroll 50% 50%;
 overflow: hidden;
width:100%;
height:100%;
}
div#nvslider {
 overflow: hidden;
 float:left;

}
.nivoSlider {
 position:relative;
}
.nivoSlider img {
position:absolute;
top:0px;
left:0px;
}

Edited May 10, 2012 by iransis (see edit history)

[Dh42]

Give a link to your site, it would be easier that way.

[iransis]

Here it is: www.iransis.com

[helldog2004]

This is how I solved the same problem with apparantly the same module (or a look-a-like module)

Go to modules --> Positions --> Position a module

 

Place your module in the header.

 

Once done you can freely move your module in the header by using the arrows in the positions page.

Let me know if it worked out..

[jcoe]

please tell me how to do that. because the banner can't transplant into the header.

Edited June 27, 2012 by jcoe (see edit history)