Article Scroller Question - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Article Scroller Question

S

scomil808

SP Page Builder 3 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!

0
2 Answers
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 3 years ago #46315

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

0
S
scomil808
Accepted Answer
3 years ago #46424

Rashida, Thank you very much!

Scott

0