JQuery slider issue

[celticshinobi]

Would any of you fine experts mind peeking at something I'm tinkering with? I've been up a LONG time this week, so it may be due to lack of sleep...but...I can't seem to change the size of my image slider.

It's a pretty simple slider that I've plugged into my code..and it works fine, but the size won't change no matter what I do..I'd like to have the slider width at 950px or so...but it keeps arguing with me. Heck, this may not be a JQuery issue...it may just be CSS (I'm only assuming there's some Jquery I'm overlooking, because no matter what CSS I mess with, it doesn't work... O_o )

I've uploaded it here so that I could show everyone..I figured it would be easier than copying and pasting a lot of code.

Flat Design Test

[TheGAME1264]

It is a CSS issue.

#slider {
max-width: 620px; /* change this to 950px or so.  You may also have to edit the inline styles created by the script, although I suspect those are drawn from the slider width itself. */
margin: 0 auto;
padding-bottom: 80px;
padding-top: 100px;
}

[celticshinobi]

I kind of figured the script was doing something....I've tinkered with the CSS and it wont change....I thought I had found the issue in the javascript file, but it doesnt seem so...

[TheGAME1264]

Change that and let's see the result.

[celticshinobi]

It's updated now...although, I'm not sure where to look about the inline styling... I don't know exactly what bit of code is throwing the styles into the html page...

Flat Design Test

[AlphaMare]

Look in your bjqs-1.3.min.js file and you will see the width and height specified there.

If you find it hard to read, use this nifty tool to uniminify it so it is easier to read, and look on line #19 or thereabouts.

[celticshinobi]

I tried changing that, but that's not doing the trick either :'(

Although, I've never used prettyjs before - that came in handy. I'll be using that more often.

[TheGAME1264]

Okay, add this to your CSS. The slider max-width has taken effect, and that's why your slider is moved to the left.

div#banner-fade {max-width:  100% !important;}

You'll need the !important to override whatever is creating that inline style for it. That's why your slider is all the way to the left.

[celticshinobi]

oh! Thank you...that did the trick, I really appreciate the help guys.