Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #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 (Purchase code hidden if logged out) .jpg”>a mock up of what I am trying to accomplish.

    Thanks so much for the help!


    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,


    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 {
    right: 33px;
    float: right;
    position: absolute;
    display: block;


    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.



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


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

You must be logged in to reply to this topic.