Docs

[Jennifer S]

I found how to move the location of the forward/previous buttons, but I don’t think I did it correctly. I want them centered across the bottom of the slider. That’s where they appear now, but they don’t stay centered when the slider scales up or down. I’d also like the Prev/Next icons a little bigger.Is that possible? http://www.theantgroup.com/architecture-new-technology-group/ – everything is current.

This is what I have in there now: `.flex-direction-nav a.flex-next {
right: 650px;
left: auto;
}

.flex-direction-nav a.flex-prev {
right: 700px;
left: auto;
}

.flex-direction-nav a {
bottom: 30px;
top:auto;
}

.flex-direction-nav a {
background-color: #000;
opacity:.85;
}`

So the 2 questions are – what’s the correct code to center the prev/next buttons at the bottom of the flex slider. and secondly, how can I make those buttons a bit bigger? Thanks!

PS – and this is a completely separate question – I tried using the “Control Navigation” for the slider, but when I activate it, I’ll see it for the first second, and then it disappears and you can no longer get to it. In fact, I have it activated now, so when you get onto the page above (or refresh it), you’ll see it appear with the first slide, but then it’s gone in a flash. Is there a way to fix this? Thanks! 🙂

[Rupok]

Hi there,

Let’s add this code :

.flex-direction-nav {
  left: calc(50% - 50px);
  position: absolute;
  width: 100px;
}

And remove this :

.flex-direction-nav a.flex-next {
right: 650px;
left: auto;
}

.flex-direction-nav a.flex-prev {
right: 700px;
left: auto;
}

Control nav is hiding because one of your CSS. Let’s add this :

.flex-control-nav {
  z-index: 99;
}

Hope this helps.

Cheers!

[Jennifer S]

Thank you! Those instructions worked perfectly. 🙂

For the Direction Nav, is there a way to make those icons any bigger?

[Christopher]

Hi there,

I don’t see next and prev arrows. Are you referring to bullets?

Please try this :

.flex-control-nav a {
    width: 19px;
    height: 19px;
}

Hope it helps.

[Author]

Posts