How to Create Custom Slider Navigation Controls for Bricks

Поделиться
HTML-код
  • Опубликовано: 12 окт 2024
  • In this video, I show you how to set up custom slider navigation buttons for the nestable slider in Bricks. Typically, the nestable slider comes with navigation arrows if you've activated them in the settings. However, they can sometimes get in the way of your design direction. In such cases, you might want to have the navigation buttons as separate objects. Let's walk through the process together.
    ---------------------------------------
    VIDEO LINKS & RESOURCES
    Code snippets: lightspuncreat...
    Get the Multilevel Header Template: oscarobians.gu...
    HOW TO CREATE THE SLIDER IN THE VIDEO - • How to create a fancy ...
    ---------------------------------------
    Do you need a new Website or One-on-one coaching session? Drop me a line on my website at lightspuncreat...

Комментарии • 9

  • @farhan-app
    @farhan-app День назад

    Awesome tutorial!

  • @Sashad2003
    @Sashad2003 День назад

    Nice tutorial. Thank you 👍

  • @Hassanakora
    @Hassanakora День назад

    Great video

  • @tobisalami
    @tobisalami День назад +1

    Excellent! Welldone!

  • @abdulwaheedorg
    @abdulwaheedorg День назад +1

    It looks really cool.
    I used to play with CSS to style those arrows 😂

    • @OscarObians
      @OscarObians  День назад

      @@abdulwaheedorg It's one way to go. I do it sometimes too . Splide even lets you change the SVG path that defines the shape of the arrows. But when we prefer to have the arrows somewhere else, then we have to remove it altogether and make our own

    • @abdulwaheedorg
      @abdulwaheedorg День назад

      @@OscarObians I think I need to dig deep into spline.js options for slider.
      Btw how did you make the next slide a bit smaller than the active slide?
      Did you target the next slide through CSS or is there a better approach?
      I did on one of my slider through CSS but maybe you can suggest a better approach.

    • @OscarObians
      @OscarObians  День назад

      ​@@abdulwaheedorgI made a video here: ruclips.net/video/yY4FLw6F-50/видео.html