Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #27549

    Hi there! I changed the Frontpage Slideshow from ‘Full Width Slider’ to ‘Adjust to page Layout’, but the arrows have changed from large ones on the left and right edge to two small ones in the bottom right corner. How can I keep the large arrows even though I am selecting to use the ‘Adjust to page Layout’ variation?

    Thanks in advance!

    #134379

    Hey,

    You can add this on your custom.css or Quick CSS:

    .ctrl_next {
    float: right;
    height: 80px;
    text-indent: 200%;
    outline: none;
    width: 80px;
    z-index: 200;
    display: none;
    background: url("../images/layout/arrow.png") no-repeat -110px center #ffffff;
    overflow: hidden;
    }

    .ctrl_previous {
    float: left;
    height: 80px;
    text-indent: 200%;
    outline: none;
    width: 80px;
    z-index: 200;
    display: none;
    background: url("../images/layout/arrow.png") no-repeat -10px center #ffffff;
    overflow: hidden;
    margin-left: 20px;
    }

    .arrow_controls {
    position: absolute;
    bottom: 30%;
    }

    .arrow_controls.slide_controls {
    width: 100%;
    }

    #top div .arrow_controls a {
    background-color: #ffffff !important;
    }

    Just modify it a bit and you’re good to go.

    Cheers,

    Ismael

    #134380

    This worked. Thanks.

    #134381

    Hey,

    Glad it worked. :)

    Cheers,

    Ismael

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

The topic ‘Arrows on Frontpage Slideshow’ is closed to new replies.