Title: Arrow Images
Last modified: August 21, 2016

---

# Arrow Images

 *  Resolved [michalewpl](https://wordpress.org/support/users/michalewpl/)
 * (@michalewpl)
 * [12 years, 12 months ago](https://wordpress.org/support/topic/arrow-images/)
 * 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&#8217](http://src.wpl.ca/wp-content/uploads/2013/06/arrows.png&#8217);)
   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/](http://src.wpl.ca/suggested-books/suggested-books-picture-books/)
 * Any ideas?
 * Thanks!
 * [http://wordpress.org/extend/plugins/ml-slider/](http://wordpress.org/extend/plugins/ml-slider/)

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

 *  [matchalabs](https://wordpress.org/support/users/matchalabs/)
 * (@matchalabs)
 * [12 years, 11 months ago](https://wordpress.org/support/topic/arrow-images/#post-3858198)
 * 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.
 *  Thread Starter [michalewpl](https://wordpress.org/support/users/michalewpl/)
 * (@michalewpl)
 * [12 years, 11 months ago](https://wordpress.org/support/topic/arrow-images/#post-3858204)
 * Thanks!
 *  Thread Starter [michalewpl](https://wordpress.org/support/users/michalewpl/)
 * (@michalewpl)
 * [12 years, 11 months ago](https://wordpress.org/support/topic/arrow-images/#post-3858205)
 * Thanks!
 *  [matchalabs](https://wordpress.org/support/users/matchalabs/)
 * (@matchalabs)
 * [12 years, 11 months ago](https://wordpress.org/support/topic/arrow-images/#post-3858240)
 * 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

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

The topic ‘Arrow Images’ is closed to new replies.

 * ![](https://ps.w.org/ml-slider/assets/icon.svg?rev=3568997)
 * [Slider, Gallery, and Carousel by MetaSlider - Image Slider, Video Slider](https://wordpress.org/plugins/ml-slider/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/ml-slider/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/ml-slider/)
 * [Active Topics](https://wordpress.org/support/plugin/ml-slider/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/ml-slider/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/ml-slider/reviews/)

## Tags

 * [arrows](https://wordpress.org/support/topic-tag/arrows/)
 * [meta slider](https://wordpress.org/support/topic-tag/meta-slider/)

 * 4 replies
 * 2 participants
 * Last reply from: [matchalabs](https://wordpress.org/support/users/matchalabs/)
 * Last activity: [12 years, 11 months ago](https://wordpress.org/support/topic/arrow-images/#post-3858240)
 * Status: resolved