Tagged: , ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • June 23, 2014 at 11:08 am #282354
    chapdes

    How can I increase the size and spacing of dots and arrows of the Content Slider?

    Thanks

    June 23, 2014 at 12:15 pm #282382
    Yigit

    Hi chapdes!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed

    #top .avia-smallarrow-slider .avia-slideshow-arrows a { margin-left: -20px; } 
a.goto-slide {
margin-left: 20px;
}

    Regards,
    Yigit

    June 23, 2014 at 10:12 pm #282711
    chapdes

    Thanks Yigit, that really increases the space, but I also would like to know how to increase the size ot the dots.

    Kind Regards,

    Chapdes

    June 24, 2014 at 8:39 am #282862
    Ismael

    Hey!

    Thank you for the update.

    You can use this to modify the dots:

    .avia-slideshow-dots a {
height: 18px;
width: 18px;
border-radius: 18px;
text-indent: 100px;
overflow: hidden;
margin: 0 1px;
padding: 7px;
position: relative;
}

    Best regards,
    Ismael

    June 25, 2014 at 5:19 am #283407
    chapdes

    Thanks for your quick response!

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Increase size and spacing of dots and arrows of the Content Slider.’ is closed to new replies.