Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 2, 2016 at 4:46 am #655976
    gerardbao

    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.

    July 5, 2016 at 4:57 am #656812
    Ismael

    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

    July 5, 2016 at 7:33 pm #657219
    gerardbao

    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?

    July 5, 2016 at 8:14 pm #657227
    Basilis

    Hi!

    Try the following

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

    let us know if that works out

    Best regards,
    Basilis

    July 6, 2016 at 10:45 pm #657757
    gerardbao

    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.

    July 9, 2016 at 3:20 am #658676
    Ismael

    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

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.