Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #655976

    Hi there,

    How can I get the content slider arrows to be like the testimonial slider arrows (as shown on http://kriesi.at/themes/enfold-startup/)

    Right now the arrows are just these small arrows in boxes in the upper right corner of the content slider.

    #656812

    Hey gerardbao,

    Thank you for using Enfold.

    Please add this in the Quick CSS field:

    #top .avia-smallarrow-slider .avia-slideshow-arrows a {
        top: 0;
        width: 60px;
        height: 60px;
        font-size: 50px;
        line-height: 62px;
    }
    
    #top .avia-smallarrow-slider .avia-slideshow-arrows .prev-slide {
        left: 0;
    }
    
    #top .avia-smallarrow-slider .avia-slideshow-arrows {
        width: 100%;
    }
    
    #top .avia-smallarrow-slider .avia-slideshow-arrows a:before {
        line-height: 60px;
    }

    Adjust the values as needed.

    Best regards,
    Ismael

    #657219

    Thanks!
    I’m able to edit the color and size of the arrow. I’m having trouble finding the CSS to hide the box.
    How can I hide the box behind the arrow?

    #657227

    Hi!

    Try the following

    
    #top .avia-smallarrow-slider .avia-slideshow-arrows a {
    background: transparent;
    }

    let us know if that works out

    Best regards,
    Basilis

    #657757

    I added that code.
    I’m not able to hide the background. I’m able to change the background color, but not make it white or go away.

    #658676

    Hi,

    Please use this to make it transparent:

    .avia-slideshow-arrows a:before {
        background: transparent;
    }

    And change the color of the arrows with this:

    #top .avia-slideshow-arrows a {
        color: red;
    }

    Best regards,
    Ismael

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.