WordPress.org

Ready to get started?Download WordPress

Forums

Meta Slider
[resolved] Arrow Images (5 posts)

  1. michalewpl
    Member
    Posted 1 year ago #

    Hello

    I've been trying to change the default arrows in the nivoslider version. I'm using Pinboard as my theme. Under custom css (which has worked so far with the other edits to the css) I've done this to overwrite the original:

    .theme-default .nivo-directionNav a {
    display:block;
    width:30px;
    height:30px;
    background:url('http://src.wpl.ca/wp-content/uploads/2013/06/arrows.png') no-repeat;
    text-indent:-9999px;
    border:0;
    opacity: 0;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    }

    Doesn't seem to work. I've tried changing .theme-default with .metaslider or just taking it out completely. The page just keeps using the old arrows.png. http://src.wpl.ca/suggested-books/suggested-books-picture-books/

    Any ideas?

    Thanks!

    http://wordpress.org/extend/plugins/ml-slider/

  2. Matcha Labs
    Member
    Plugin Author

    Posted 1 year ago #

    Hi, sorry for the delay in getting back to you. Try this:

    .metaslider .theme-default a.nivo-nextNav {
        background-position: -30px 0;
        right: 15px;
    }
    
    .metaslider .theme-default .nivo-directionNav a {
        background: url('http://src.wpl.ca/wp-content/uploads/2013/06/arrows.png') no-repeat;
    }

    Regards,
    Tom.

  3. michalewpl
    Member
    Posted 1 year ago #

    Thanks!

  4. michalewpl
    Member
    Posted 1 year ago #

    Thanks!

  5. Matcha Labs
    Member
    Plugin Author

    Posted 1 year ago #

    No problem!

    Just updating this as the CSS above isn't quite correct (for other users), it should read:

    .metaslider .theme-default a.nivo-nextNav {
        background-position: -30px 0;
        right: 15px;
    }
    
    .metaslider .theme-default .nivo-directionNav a {
        background-image: url('http://src.wpl.ca/wp-content/uploads/2013/06/arrows.png');
    }

    Regards,
    Tom

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic