WordPress.org

Ready to get started?Download WordPress

Forums

Responsive WordPress Slider - Soliloquy Lite
[resolved] Replace Circles With Numbers (5 posts)

  1. agaldesign
    Member
    Posted 5 months ago #

    Is there a way to change the circle controls with numbers?

    http://wordpress.org/plugins/soliloquy-lite/

  2. Thomas Griffin
    Member
    Plugin Author

    Posted 5 months ago #

    Sure. Add this to your theme's style.css file:

    .soliloquy-container .soliloquy-prev, .soliloquy-container .soliloquy-next { background: none !important; width: auto !important; text-indent: 0 !important; }

    From there you can style the numbers are you see fit.

  3. agaldesign
    Member
    Posted 5 months ago #

    Hi Thomas,

    Your styling targets the next and previous arrows. I am asking if there's a way to replace the small circles on the bottom left with numbers.

    Thanks.

  4. jhoffmcd
    Member
    Posted 5 months ago #

    Also looking to see this as a feature.

  5. Saeed Salam
    Member
    Posted 4 months ago #

    @agaldesign and @jhoffmcd, you guys can change that circles to numbers by changing some of it's styles
    [Dashboard -> Plugin Editor -> select Soliloquy Lite -> select soliloquy-lite/css/soliloquy.css file]

    for example, below code will show a white colored numbers on the default transparent-black background.

    .soliloquy-container .soliloquy-control-nav{
    bottom: 10px;
    line-height:0;
    list-style:none;
    margin-left:5px;
    position:absolute;
    z-index:30
    }
    .soliloquy-container .soliloquy-control-nav li{
    display:inline-block;
    margin:0 0 0 5px;
    zoom:1
    }
    .soliloquy-container .soliloquy-control-nav li a{
    cursor:pointer;
    display:block;
    float:left;
    height:14px;
    position:relative;
    width:14px;
    z-index:50;
    color: #fff;
    }
    .soliloquy-container .soliloquy-control-nav li a:hover,.soliloquy-container .soliloquy-control-nav li a.active,.soliloquy-container .soliloquy-control-nav li a.soliloquy-active{
    }

    hope that helps!

Reply

You must log in to post.

About this Plugin

About this Topic