Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • March 14, 2015 at 4:52 am #411396
    djshortkut

    I just modified my portfolio pages and I need some help with a couple of things regarding the “testimonial slide (large)”:

    1. I want to keep the testimonial style of “testimonial slide (large)” for each of my portfolio pages. I am only adding one testimonial per page so have no need for it to slide. How can I remove the navigation arrows on the testimonial slides? I added a custom class to each one of testimonial-slider so I can target them.

    2. When I pull up this page on the iPhone in portrait and landscape mode, the margin for this slider is very narrow. How can I increase it so it goes more full width like the text section above. (See Images)

    Thanks in advance!

    March 16, 2015 at 3:49 am #411817
    Ismael

    Hey djshortkut!

    Thank you for using Enfold.

    1.) Use this to remove the arrow:

    #top .avia-slideshow-arrows a {
display: none !important;
}

    Place the custom css class before the “.avia-slideshow-arrows” class or selector.

    2.) Add this to increase the width:

    @media only screen and (max-width: 767px) {
#top .av-large-testimonial-slider.avia-testimonial-wrapper .avia-testimonial {
  padding: 0;
}}

    Cheers!
    Ismael

    March 16, 2015 at 4:01 am #411822
    djshortkut
    This reply has been marked as private.
    March 16, 2015 at 7:48 pm #412491
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 480px) {
.avia-testimonial-image {
  margin: auto!important;
}
strong.avia-testimonial-name {
  text-align: center;
}
}

    Best regards,
    Yigit

    March 16, 2015 at 7:52 pm #412499
    djshortkut

    Thanks so much! You can close this thread.

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Testimonial Slider (Large) Formatting’ is closed to new replies.