Styling AB Loop

[Solved]

sam 8 years, 10 months ago

Hi, I’m having trouble finding the right classes to style the AB loop interface.

The most important issue is hiding the “a”, “b” text, I think it’s self explanatory without the words A, B.

If you could provide the classes for the other objects in the AB bar that would be great, it doesn’t quite match the clean styling of the standard progress bar. Awesome feature though!

Thanks
Sam

Viewing 2 replies - 1 through 2 (of 2 total)

viktor 9 years ago
Hello Sam,

the topmost parent container for the AB loop part is .fv-ab-loop and .active is added if it’s turned on. The AB progress bar shares the same width, height and color with the timeline progress bar and it’s class is .noUi-background.

If you’d like to remove the two letters, just use this code
```
.noUi-handle.noUi-handle-lower::after,
.noUi-handle.noUi-handle-upper::after {
display: none;
}
```
thanks
vk
Sam 9 years ago

Perfect, thank you Viktor!

Viewing 2 replies - 1 through 2 (of 2 total)