Defined width is being changed

[D2Designs]

Hello,

I've setup a slider to contain all the elements within the container, so the nav and arrows are not outside of the panels but over them. The paddings and margins are all set to 0, so as not to add to the defined size of the space it is required to be within. The slider works fine, however, the width of the wrapper seems to be getting changed to something different than what is used in the CSS. Attached is an image of what I'm seeing in Firebug.

Do you know where I can change this or turn it off? The width of the nav (tabs) is also being set to 96px, which I can deal with because it is not affecting the overall slider. If you need to see the live code, let me know and I'll put it up somewhere for you to see.

[KevinBatdorf]

It calculates the width to accommodate the arrows. You could set it up with specific positioning though, using !important on the width.Adding the following works for the stock demo (it's a different width than your example). I'm assuming that your positioning for the arrows is similar to mine, so I left it in there so you can compare.

Let me know how it works out.

.coda-slider-wrapper {
  width:710px!important; 
  position:relative;
}
.coda-slider-wrapper .coda-nav-left-arrow, .coda-slider-wrapper .coda-nav-right-arrow {
  top:50px;
  z-index: 1;
  position:absolute;
}
.coda-slider-wrapper .coda-nav-left-arrow {
  left: 0;
}
.coda-slider-wrapper .coda-nav-right-arrow {
  right:0;
}

[D2Designs]

Hello Kevin,

Yes, I did have a similar setup to what you posted. And yes, using !important worked PERFECTLY!!!

Thank you so much for your help, and thank you even more for creating this marvelous script!