Title says it all :-)

Found some refs to making custom versions of skins... but couldn't find a "custom skin editor."

I tried adding custom css for the slider, but I suspect I got the format/css/selectors wrong.

I could make it work with live editing in the browser. I'm wanting to move them to 5% from the bottom.

Thanks in advance!

Thanks Kristof-

is there a way with the skin-editor to make new/custom versions that won't be erased on updates?

Is it possible to create the appropriate css in the specific sliders custom css section? (And what would that css be ;-) ?)

(I have basic CSS skills- I could edit an entire file easier than figuring out the cascade/final selector that gets applied.)

Either of these would be great for the one or two sliders where I need.a little more space in the upper area.

It'd be a lot quicker and easier than making custom buttons- though I appreciate that idea! (I'm moving from a site I developed from scratch, looking to do as little custom development as reasonable ;-))

Cheers!

Thanks Kristof!

Here's the slider:

It's based on looking at some of the (excellent) template/example sliders.

I want to move the nav prev/next arrows to the bottom, in line with the slide play/pause/jump controls. i.e.  so text boxes don't get obscured.

I have added a custom class "hp_slider1" to this sliders settings / appearance / slider classes and verified that appears in the right place in the browser.

I tried adding the following to slider settings / appearance / custom slider CSS:

margin-bottom: 0px;
.hp_slider1 .ls-nav-prev { top: 90%; }
.hp_slider1 .ls-nav-next { top: 90%; }

But that didn't work.

However  ".hp_slider1 .ls-nav-prev" does select the right elements when typed manually in the chrome web inspector - and then manually setting. top to 90% does what I want.

Unfortunately the site is not yet live.

So close! :-)

Also, I've discovered the really cool slide transitions (including. origami) only apply to the background image of the slide. I probably missed it when I did a quick read over the instructions. and. reviewing the product description; but could that be indicated a bit more clearly on your website? (My first attempt at making a slider was based on copying your "people" example which uses CSS to do a gradient background. in the first layer. I was very confused as to why none of the slide transitions would work when I tried adding them. By chance I added an image background and then it worked for that slide and then it became obvious how things were working.)

Is there any way to "capture" the current slider's appearance (final view of all layers) and push that in as the slides background? ie so that the slide content is captured and used for the cool transitions?

Thanks in advance!

Hi Kristof-

thanks again for the help! I will try !important at some point.

But I've decided it's ok to just not have the left/right nav indicators - easiest solution ;-)