Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • December 21, 2017 at 3:38 pm #891165
    brandhands

    Hello,

    which code can I add to show the arrows always and not only in hover effect? At now it’s only to see in connection with mouse-over (standard setting).

    I want it to be shown the whole time e.g. like at following page, but nevertheless in the actually positions:

    Eigenmarken

    => section: “Weitere eigenmarken”

    I have just now the arrows in responsive positions:

    @media only screen and (max-width: 479px) {

    .avia-slideshow-arrows.avia-slideshow-controls {
    width: 100%!important;
    position:absolute!important;
    top: 80px!important; **different numbers for different screen-width, but that works OK**
    transform: translateY(-50%)!important;
    width: 100%;
    z-index:999;
    }

    .avia-slideshow-arrows.avia-slideshow-controls .next-slide {
    right: 0!important;
    }
    }

    December 23, 2017 at 7:57 pm #891846
    Mike

    Hey brandhands,
    I received a 403 error when using the password, please check.
    Are you blocking any ip addresses?

    Best regards,
    Mike

    January 3, 2018 at 9:26 am #892756
    brandhands

    Hello,

    sorry for belated answer. We were in christmas vacancy.

    Maybe the IQ Block Country had blocked it. I have changed the setting. Now It should work.

    Friendly Greetings.

    January 3, 2018 at 11:55 am #892780
    Mike

    Hi,
    I believe the arrows are now showing all the time, please see screenshot in Private Content area to be sure I was looking at the correct element.

    Best regards,
    Mike

    January 3, 2018 at 3:00 pm #892852
    brandhands

    Yes, that’s the correctly element.

    What have I to do, to have the same effect for here?

    Screen
    https://ibb.co/isEqjw

    January 4, 2018 at 12:59 am #893009
    Mike

    Hi,
    Try this code in the General Styling > Quick CSS field:

    #top.page-id-16353 .avia-slideshow-arrows.avia-slideshow-controls .next-slide {
right: 0!important;
}

    Best regards,
    Mike

    January 4, 2018 at 1:29 pm #893229
    brandhands

    Hello,

    unfortunately it doesn’t work. The arrows are only to seen in mouseover.

    This my completely code (in child.css) now:

    /* Responsive Pfeilposition im Slider */

    @media only screen and (min-width: 1024px) {

    .avia-slideshow-arrows.avia-slideshow-controls {
    width: 100%!important;
    position:absolute!important;
    top: 120px!important;
    transform: translateY(-50%)!important;
    width: 100%;
    z-index:999;
    }

    #top.page-id-16353 .avia-slideshow-arrows.avia-slideshow-controls .next-slide {
    right: 0!important;
    }
    }

    @media only screen and (min-width: 480px) and (max-width: 1023px) {

    .avia-slideshow-arrows.avia-slideshow-controls {
    width: 100%!important;
    position:absolute!important;
    top: 100px!important;
    transform: translateY(-50%)!important;
    width: 100%;
    z-index:999;
    }

    #top.page-id-16353 .avia-slideshow-arrows.avia-slideshow-controls .next-slide {
    right: 0!important;
    }
    }

    @media only screen and (max-width: 479px) {

    .avia-slideshow-arrows.avia-slideshow-controls {
    width: 100%!important;
    position:absolute!important;
    top: 80px!important;
    transform: translateY(-50%)!important;
    width: 100%;
    z-index:999;
    }

    #top.page-id-16353 .avia-slideshow-arrows.avia-slideshow-controls .next-slide {
    right: 0!important;
    }
    }

    January 4, 2018 at 8:18 pm #893399
    Victoria

    Hi brandhands,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
.avia_desktop .avia-content-slider .avia-slideshow-arrows a {
    opacity: 1;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    January 5, 2018 at 4:49 pm #893743
    brandhands

    Thank you very much. That works.

    January 6, 2018 at 12:46 am #893905
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘display always slideshow arrows’ is closed to new replies.