Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #236544

    I would like to move the arrows on the post slider to the out side of the posts and make them so they are visible all the time. Is this something that can be done easily?

    Here is a link to the page I am trying to change

    and here is a link to a mock up of what I am trying to accomplish.

    Thanks so much for the help!

    #236959

    Hi Raymmar!

    You can add following code to Quick CSS in Enfold theme options under Styling tab to make them visible all the time

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

    However, it is not possible to move them outside of the box. If you really need it, please hire a freelance developer

    Best regards,
    Yigit

    #330993

    It can be done in CSS.

    I gave the container a class: Startpagenewsslider
    Added margins around it and moved the icons in there:

    .startpagenewsslider {
    margin-left: -80px;
    padding-left: 80px;
    margin-right: -80px;
    padding-right: 80px;
    }

    .avia-slideshow-arrows.avia-slideshow-controls {
    width: 100%;
    margin-left: -47px;
    }

    Changed the arrows a little (made them smaller)
    #top .avia-slideshow-arrows a {
    display: block;
    position: absolute;
    width: 40px;
    height: 60px;
    line-height: 32px;
    font-size: 20px;
    }

    #top .avia-slideshow-arrows a.next-slide {
    right: 33px;
    float: right;
    position: absolute;
    display: block;
    }

    #331055

    Hey, thanks for such a detailed reply here. I am not using this element on my page anymore (mostly because of this issue) so I will try it out and report back as to how it works.

    Your time is much appreciated.

    #332124

    Hi!

    Thank you Raymmar. Your feedback on the issue will be greatly appreciated.

    Regards,
    Arvish

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

You must be logged in to reply to this topic.