Article Scroller Question - Forum | JoomShaper
Awaiting an answer SP Page Builder

Article Scroller Question

Asked by scomil808 4 years ago Last activity 4 years ago

Hello!
How can I position the arrows in the Article Scroller add-on so that they are on the sides of the slider and not on top. Remove the top right lines as well. See image...

Thanks!

2 replies

Rashida Rahman Staff
4 years ago · edited

Hi there!

Thanks for your query.

Here is sample code for you. You may try the following custom code in your custom CSS to see if it serves your purpose:

.sppb-addon-articles-carousel .bx-controls.bx-has-pager {
    position: initial;
}
div.bx-wrapper .bx-controls-direction a.bx-next {
    left: 1140px;
}
div.bx-wrapper .bx-controls-direction a.bx-prev {
        left: -20px;
}
div.bx-wrapper .bx-controls-direction a {
font-size: 35px;
}
.sppb-addon-articles-carousel .bx-pager.bx-default-pager {
    display: none;
}

You can adjust the left values in your code as per your need.

Note: Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

Best Regards

scomil808 Asked this

Rashida,
Thank you very much!

Scott

Log in to reply.