Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 11, 2019 at 12:58 am #1108952
    johncory

    Hello,

    Our designers like to mockup sliders with the navigation dots colored differently and placed below the image rather than on top.

    .avia-slideshow-dots .avia-slideshow-controls
    a.goto-slide

    Any quick reference on this? I looked around a bit and my code keeps putting the docs behind a frame.

    Thanks
    Cory

    June 11, 2019 at 1:06 am #1108954
    Jordan Shannon

    Hey johncory,

    Please provide a link to the site/page in question so we can look into this further.

    Best regards,
    Jordan Shannon

    June 12, 2019 at 8:57 pm #1109598
    johncory
    This reply has been marked as private.
    June 14, 2019 at 4:18 am #1110175
    Ismael

    Hi,

    Thank you for the update.

    You can use this css code to move the dots below the slider images.

    .avia-slideshow {
    padding-bottom: 37px;
}

    And this css code to set the navigation to always display.

    .avia_desktop .av_slideshow.avia-slideshow .avia-slideshow-controls a {
    opacity: 1;
    filter: alpha(opacity=100);
}

    Best regards,
    Ismael

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.