Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 11, 2015 at 11:42 am #409757
    df50

    Hi,

    I’m using the post slider module on the home page of a website pulling in 12 posts in columns which all works fine. The client has requested a few things which if you could point me in the right direction would be much appreciated.

    1. Currently the navigation arrows only show on hover, is there some css to make them always show
    2. They would like to have indicators beneath the post slider to show what page/group of 4 posts the user is currently on ie. show x number of dots that correlate to the number of groups of post there are and change colour when navigated to, So in this case 3 dots would display with the first one initially black and the next two white. As the user navigates to the next group of 4 posts the second dot becomes black and the other two white

    Thanks

    Daniel

    March 11, 2015 at 8:21 pm #410071
    Elliott

    Hi df50!

    1. Add this to your custom CSS.

    .avia-slideshow-arrows.avia-slideshow-controls, .avia-slideshow-arrows.avia-slideshow-controls * {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

    2. That would take a lot of time and code and would have to be considered custom work for now. I would consider using the easy slider instead which has those dots your referring to.

    Best regards,
    Elliott

    March 12, 2015 at 12:52 am #410222
    df50

    THanks Elliott, worked well.

    Just a follow up, what would be the correct way to change that default arrow icon for another icon in the library?

    On point 2, unfortunately it needs to pull in posts so the easy slider wouldn’t work.

    If custom work was required is that a service that is provided (obviously for a fee) and how do you go about requesting?

    Thanks again for the great support

    March 12, 2015 at 9:27 pm #410738
    Elliott

    Hi!

    1. Add this to your custom CSS.

    .prev-slide::before {
  content: "\e822" !important;
}
.next-slide::before {
  content: "\e830" !important;
}

    You can find other icon codes to use in the functions.php file around line 170.

    2. We are too busy to take on custom work at this time. I would check with Werkpress or Envato Studio if your wanting to hire a freelancer. You could also try looking for a slider plugin that does this but I do not know of any I can recommend.

    Regards,
    Elliott

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