Slick Dots Horizontal

  • Resolved Sean Watkins

    (@skwatkins)


    6 years, 6 months ago

    If you see my main header slider, you will see that my slick dots are vertical. How do I make them horizontal? I tried the CSS rotate, but that just put a lot of blank white space at the bottom of the page. Is there a setting somewhere I am not finding?

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Ketan Patel

    (@patelketan)

    6 years, 6 months ago

    Hello,

    Thanks for reaching here.

    1.) Please try this shortcode writes manually [recent_post_slider design="design-1" dots="true"].

    2.) Go to the “Additional CSS” part of the dashboard and add below CSS(Path: Admin Panel->Appearance->Customize->Additional CSS).

    .wppsac-slick-slider-wrp .recent-post-slider.design-1 .slick-dots li { display: block !important; margin: 0 !important; }

.wppsac-slick-slider-wrp .recent-post-slider.design-1 .slick-dots { position: absolute !important; top: 0 !important; right: 0 !important; text-align: right !important; left: auto !important; bottom: auto !important; }

    Let me know if you are any other queries.

    Thanks,

    Thread Starter Sean Watkins

    (@skwatkins)

    6 years, 6 months ago

    Hi @ketan – that did not work.

    https://blog.cincinnatichildrens.org/

    Ketan Patel

    (@patelketan)

    6 years, 6 months ago

    Hello,

    Please add below CSS “Additional CSS” section.
    .wppsac-slick-slider-wrp .recent-post-slider.design-1 .slick-dots { left: auto !important; }

    Please check the below screenshot, your need display horizontal dots.
    https://www.awesomescreenshot.com/image/4352138/e0a1aa2cd4c6573cb8107e89a6464072

    Let me know if you are any other queries.

    Thanks,

    • This reply was modified 6 years, 6 months ago by Ketan Patel.
    Thread Starter Sean Watkins

    (@skwatkins)

    6 years, 6 months ago

    @ketan – Currently they are like this | up and down… i need them to be left and right like this ————

    The recent code does not fix it.

    Ketan Patel

    (@patelketan)

    6 years, 6 months ago

    Hello,

    Please find our site and join our live chat our technical team will assist you.

    Thanks,

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

The topic ‘Slick Dots Horizontal’ is closed to new replies.