Return to Support

How to change the slider navigation bullets size?

Home Forums Graphene WordPress theme Support How to change the slider navigation bullets size?

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #8597
    sanuja.com
    Participant

    Hi,

    I was reading this: https://forum.graphene-theme.com/graphene-support/slider-modifications-1#post-25542 from Prasanna. Using what he posted I can change the image of the slider navigation bullets. But, if I go for larger dot than 12 by 12 pixels, it won’t change the size of the dot.

    How can I make the dots bigger? I would like to use 14 by 14 pixels so my visitors with poor vision can flip the slider content.

    Thank you.

    #41578
    sanuja.com
    Participant

    I think I am on the right path…. because I think I need to change the following values?

    .slider_nav a, .slider_nav a:visited {
    width: 12px;
    height: 12px;
    }

    to

    .slider_nav a, .slider_nav a:visited {
    width: 14px;
    height: 14px;
    }

    #41579
    sanuja.com
    Participant

    regular

    .slider_nav a, .slider_nav a:visited {
    background: url("http://your-custom-slider-icon.png") no-repeat;
    width: 14px;
    height: 14px;
    }

    hover

    .slider_nav a.active, .slider_nav a.active:visited, .slider_nav a:hover {
    background: url("http://your-custom-slider-hover-icon.png") no-repeat;
    width: 14px;
    height: 14px;
    }

    #41580
    sanuja.com
    Participant

    Sorry for this thread… I resolved my own problem. Hopefully this will help someone else who are looking for the same info

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

You must be logged in to reply to this topic.