CODEWITHSUNDEEP
jqueryorbit
ewels
ewels

Reputation: 513

jQuery Slider Orbit - moving bullets

I'm using the excellent Zurb plugin Orbit on my homepage, and I'm trying to move the bullets (typically below the slider) to a different location on the page (in this case, in the header above the slider)

I tried the following code:

jQuery('.orbit-header').append(jQuery('ul.orbit-bullets'));

This removes the bullets, but they don't appear. I don't think it's that they haven't been generated yet, as I tried putting this in a function on the slide change and that didn't help.

Any ideas?

Upvotes: 1

Views: 2507

Answers (2)

Polemistis D'Gnosis
Polemistis D'Gnosis

Reputation: 33

Try this:

.orbit-bullets {
    display: table;
    text-align: center;
    top: -16px;
}

Upvotes: 0

Awea
Awea

Reputation: 3183

May be you need to modify the css :

http://jsfiddle.net/Awea/mZYX9/10/

Upvotes: 3

Related Questions