Tagged: ,

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • May 13, 2015 at 4:58 am #443515
    BrendaSarg

    Hi there!

    How can I get it so the arrows on my Easy Slider don’t overlap my content/images?

    Ideally they would responsively adjust to be at the sides of the images no matter what the screen size.

    May 13, 2015 at 6:17 pm #443925
    Elliott

    Hey BrendaSarg!

    Add this to your custom CSS.

    .avia_slideshow { overflow: visible !important; }
.next-slide { right: -30px !important; }
.prev-slide { left: -30px !important; }

    Cheers!
    Elliott

    May 14, 2015 at 7:28 pm #444546
    BrendaSarg

    This is so close! Can I move them a bit more off to the side? or add some padding to the slider?

    I tried adjusting those numbers, but it just cropped the box with the arrow, it didn’t move it.

    Thanks for your help.

    May 14, 2015 at 8:17 pm #444580
    Yigit

    Hi!

    Please adjust the values Elliott posted and then add following code to Quick CSS 

    .page-id-6740 .avia-builder-el-0, .page-id-6740 .avia-slideshow {
  overflow: visible;
}

    Best regards,
    Yigit

    May 14, 2015 at 8:20 pm #444583
    BrendaSarg

    How do I make that apply to ALL my Easy Sliders? That worked for the one.

    May 14, 2015 at 8:23 pm #444586
    Yigit

    Hi!

    Please enable custom CSS class for ALB elements – kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and then give your Easy Slider elements a custom class and then change the code to following one

    .your-custom-class.avia-slideshow {
  overflow: visible;
}

    Regards,
    Yigit

    January 16, 2019 at 2:44 pm #1054552
    hansvankilsdonk

    Hi there,

    On my site I placed several picture media elements in two content sections

    How can I disable the right and left arrows that appear after mouse-clicking on one of the pictures and showing all the pictures in that specific content section.

    Regards
    Hans

    January 18, 2019 at 11:49 am #1055410
    Rikard

    Hi Hans,

    Could you post a link to where we can see the elements in question please?

    Best regards,
    Rikard

    January 18, 2019 at 4:21 pm #1055492
    hansvankilsdonk

    Hi Rikard,

    the link:

    Mogelijkheden

    if you need a link to the backend, please let me know.

    gr
    Hans

    January 20, 2019 at 7:42 am #1056059
    Rikard

    Hi Hans,

    Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

    .page-id-2270 .mfp-arrow {
  display:none;
}

    Best regards,
    Rikard

    January 20, 2019 at 10:32 pm #1056343
    hansvankilsdonk

    Hi Rikard,

    thanks, the arrows are gone.

    Regards,
    Hans

    January 21, 2019 at 6:22 am #1056436
    Rikard

    Hi Hans,

    Great, glad we could help :-)

    Best regards,
    Rikard

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