Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #28649


    I’m so close to finishing my site. The last thing left is fixing the slider controls when clicking the smaller thumbnail into a gallery view.

    I’d like to have the big buttons (previous, next and close buttons) and smaller control arrows and little circles on top of the picture and H1 title, not on them. So all controls to the empty space between quick tag navigation and opened image. Is it possible?

    Is it possible to keep the small circles and small arrows visible all the time. I mean, that they would be visible when opening the gallery view for the first time. Now they stay visible if I place cursor on top of the picture, but a regular user might not understand that there is more pictures to be seen unless the controls are visible from the start.

    Also how can I customize the appearance of the small arrows?



    Try adding this code to the Quick CSS or to the custom.css file:

    .slide_controls a{display: block !important; opacity: 1 !important; }

    .inner_slide .two_third{ overflow: visible; }

    #top div .slide_controls{ top: -20px; }

    That will push up the small arrows and circles and will make it always visible.

    Regarding the big buttons they are already on top of the h1, where do you want it to be?

    And finally, if you want to customize the small arrows, you can find the image source here: (its a transparent PNG).



Viewing 2 posts - 1 through 2 (of 2 total)

The topic ‘Customising and positioning slider controls’ is closed to new replies.