Can’t change default arrows

  • Hoping someone knows how to fix this. I’ve tried changing both previous and next arrows, but my custom CSS keeps getting overwritten by sa-owl-theme.css:

    .white .sa_owl_theme .owl-nav .owl-prev {
    background: rgba(0,0,0,0) url("/wp-content/uploads/2017/12/arrow_left.png") no-repeat center center !important;
    width: 50px !important;
    height: 45px !important;
}

    The width and height are being listened to but not the background. I’ve tried using the above method and just targeting background-image but neither work. My custom arrow does show up in the preview under Appearance > Customize, but not when published.

    • This topic was modified 7 years, 2 months ago by lizns.
Viewing 1 replies (of 1 total)
  • Plugin Author simonpedge

    (@simonpedge)

    Try this selector:

    .white #slider_image_demo .owl-nav div.owl-prev { … }

    Replace ‘#slider_image_demo’ with the CSS ID for your slider.
    This is more ‘specific’ than the built in selector.

Viewing 1 replies (of 1 total)
  • The topic ‘Can’t change default arrows’ is closed to new replies.