slider


I want the transition arrows on the slider to appear as a transparent spot under the middle of the page.
Tagged:

Comments

  • Hi, @faizsizsistemler

    We have a little bit of confusion about your query can you please elaborate it more or better can use screenshot to explain.

    Thanks
  • bu şekilde olabilirmi
  • bu şekilde
    idont want this.png
    1920 x 1080 - 1M
  • Hi, 

    To do this, you have to do a little bit of change in js file. Refer to this screenshot.

    And add the below custom CSS code:

    .owl-theme .owl-dots .owl-dot span{
    top: -35px !important;
    width: 13px !important;
    height: 13px !important;
    margin: 0 4px !important;
    position: relative !important;
    border-radius: 100% !important;
    display: inline-block !important;
    background-color: #ffff !important;
    }

    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
        background-color: #ce1b28 !important;
    }

    I hope this will work for you.

    Let me know for any confusion!

    Thanks
    Rishabh
  • BU CSS KODUNU KABUL ETMİYOR HATALI YANITI ALIYORUM
  • Hi,

    Go to Appearance >> Customize >> Additional CSS and then add the CSS code.

    Thanks
  • Eklenmeyen css kodunu nasıl eklememi düşünüyorsun!!!
    Adsız.png
    861 x 615 - 386K
  • Hi,

    At our end it is working fine. See the screenshot.
    Add the CSS code in english language once and then try.

    Thanks
  • Bir şekilde çözüldü problem teşekkürler bu bileti kapatabiliriz
  • Hi,

    Glad to help you!

    If you like our Theme & Support, rate us HERE.

    Thanks :)
    Rishabh
This discussion has been closed.