Possible to move Nivo slider position ?

I tried the Nivo image slider reworked by Nera here : https://help.forumotion.com/t105173-how-can-i-get-nivo-slider-with-orman-theme-box-animations#686395
The thing is that the slider is located below the index and logo, i want to move it to the current logo position since i don't plan on having a fixed banner.

Is it possible with Nivo ?
and if not, is it possible with anything else ?

No luck.
It's still under the index and above threads.
Just to make sure i'm not missing anything. Copied both those codes to their respective area and Nera. code under AP > Display > Homepage > Message content

Code:


<div style="width:700px;margin:40px auto;"><div class="slider-wrapper theme-default"><div class="ribbon"></div><div id="nivoslider-125" class="nivoSlider" style="width:700px;height:300px;"><img src="http://nivo.dev7studios.com/wp-content/uploads/2011/08/nemo83-700x300.png" alt="" /><img src="http://nivo.dev7studios.com/wp-content/uploads/2011/08/slider65-700x300.png" title="#nivoslider-125-caption-0" alt="" /><img src="http://nivo.dev7studios.com/wp-content/uploads/2011/08/walle12-700x300.png" alt="" /></div>
</div><div id="nivoslider-125-caption-0" class="nivo-html-caption">You can add captions too…</div>

<p><script type="text/javascript">
jQuery(window).load(function(){
    jQuery("#nivoslider-125").nivoSlider({
        effect:"random",
        slices:15,
        boxCols:8,
        boxRows:4,
        animSpeed:500,
        pauseTime:3000,
        startSlide:0,
        directionNav:true,
        directionNavHide:true,
        controlNav:true,
        controlNavThumbs:false,
        controlNavThumbsFromRel:true,
        keyboardNav:true,
        pauseOnHover:true,
        manualAdvance:false
    });
});
</script>
</div>

Also for some reason the images provided aren't loading now.

Copied the code content twice but nothing even shows up in the page.
I must be missing something x_x

"Enable Javascript code management" has to be enabled right ?
and in the CSS does it matter where i place the code ? i placed it at the bottom, not at the bottom of everything, just under the last working code.

edit:

is it possible for you to show me how it looks where you tested it ?
just to see the end result and if it's what i'm looking for.

Yeah, that's exactly what i'm looking for.
and im pretty sure it's phpBB3, i just recently made it to test coding and customization.
But just to make sure , where can i check to be 100% sure ?


edit:

Found it in the ACP, and it is indeed phpBB3

I did, in all three places.
and i have been erasing and copying the code over and over and crossing my fingers, but still nothing shows up :\

Mind if i PM you the user and pass just so you can have a quick look ?
With no risk of blaming you for anything, it's a test forum too.

I really want this to work and it's really bugging me since it looks so simple to set up on my end, just copy and paste...

Thank you!

Now i just need to tweak it out a bit, that should be easy.
thx again


Edit:

All the tweaking should go under the CSS right ?
like size and maybe removing the circles and text

Hello,

I see the topic marked, Is this solved?

Jophy wrote:Hello,

I see the topic marked, Is this solved?

Hi, it was but i'm having trouble with one last thing atm.

Rideem3 wrote:Yes, most of the tweaking goes in the CSS. If you can find the proper selectors to go with each element.

I managed to find and tweak easily most of the stuff, like disabling the navigation dots and caption on images.
But to change the size of the Nivo slider i changed it via the Javascript, and i can't find a way a center it now that i have changed its size.


EDIT:

Going crazy here, hate dealing with coding, lol
I tried so many different things already.

Tried changing stuff in the Javascript, this line in particular

Code:


...style="width:1200px;height:200px;">

and in the CSS, most people i find via google tell people to change suff or add stuff there.
like

Code:


.theme-default .nivoSlider {
  margin: 0 auto;
}


or simply

Code:


.nivoSlider {
margin: 0 auto;
}


Nailed it.
That did it, thank you.

-Solved-