Can’t change default arrows

  • lns

    (@lizns)


    8 years, 6 months ago

    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 8 years, 6 months ago by lns.
Viewing 1 replies (of 1 total)
  • Plugin Author simonpedge

    (@simonpedge)

    8 years, 6 months ago

    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.