• How to change arrows (prev, next) images to protect replacing them when plugin will be updated? Replacing png files to my own is not a good idea because plugin updating also png arrows :/

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author simonpedge


    Have at look at the following FAQS page:

    Under ‘Useful CSS Style for Slide Anything‘ there is a section called ‘Customise the Slider Previous/Next Arrows‘.

    Thread Starter trde


    OK it work but is there option to customize also pagination dots? There is !important in your CSS and it’s hard to edit it.

    Plugin Author simonpedge


    Ok, below is the CSS I use for the pagination dots.
    What you need to do is replace ‘.sa_owl_theme‘ with the CSS ID of your slider (e.g. ‘#slider_123’)
    With CSS Specificity, CSS IDs take priority over CSS classes:

    .sa_owl_theme .owl-dots {
        padding:10px 0px 0px !important;
        bottom:-22px !important;
        text-align:center !important;
        font-size:12px !important;
        line-height:12px !important;
    .sa_owl_theme .owl-dots .owl-dot {
        display: inline-block !important;
    .sa_owl_theme .owl-dots .owl-dot span {
        display:inline-block !important;
        border-style:none !important;
        background-color:rgba(0,0,0,0.2) !important;
        width:10px !important;
        height:10px !important;
        border-radius:50% !important;
        margin:0px 3px !important;
        transition:all .3s ease-in-out !important;
        -webkit-transition:all .3s ease-in-out !important;
        -moz-transition:all .3s ease-in-out !important;
        -o-transition:all .3s ease-in-out !important;
    .sa_owl_theme .owl-dots .active span {
        background-color:rgba(0,0,0,0.5) !important;
    .sa_owl_theme .owl-dots .owl-dot span:hover {
        background-color:rgba(0,0,0,0.5) !important;
    • This reply was modified 3 years, 4 months ago by simonpedge.
    Thread Starter trde


    Thank you. I also found help here: https://wordpress.org/support/topic/pagination-dots-color/ – you can add this soliution to your FAQ on your website. It will be usefull for many users.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Change arrows’ is closed to new replies.