Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 5, 2022 at 11:40 pm #1339123
    Monika

    Hello,

    i want a very minimalistic Slider arrows. Just a black arrow and the box should be white.
    But there seems to be some transparent black layer above it which i cant remove.
    This is my css:

    ` #top .avia-smallarrow-slider .avia-slideshow-arrows a {
    width: 40px !important;
    background-color: white;
    top: -10px;
    width: 60px;
    height: 60px;
    font-size: 50px;
    line-height: 62px;
    }
    #top .avia-smallarrow-slider .avia-slideshow-arrows a:before {
    line-height: 40px !important;
    color: black;
    }
    #top .avia-smallarrow-slider .avia-slideshow-arrows {
    width: 30%;
    }
    .avia-slideshow-arrows.avia-slideshow-controls {
    position:absolute!important;
    top: -2px!important;
    transform: translateY(-0%)!important;
    z-index:999;
    margin-left: 80%;

    February 6, 2022 at 5:43 pm #1339188
    Mike

    Hey Monika,
    I added this css to your Quick CSS:

    #top .avia-slideshow-arrows a:before {
    background: transparent;
    background: rgba(0,0,0,0);
}

    please clear your browser cache and check.

    Best regards,
    Mike

    February 6, 2022 at 10:30 pm #1339220
    Monika

    Thank you!!!

    February 6, 2022 at 10:58 pm #1339229
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Slider Navigation Arrow ( how to deleate transparent black layer)’ is closed to new replies.