How To Move Arrows In Articles Scroller - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!
Back to the questions

How To Move Arrows In Articles Scroller

PD

Peter Dowse

SP Page Builder 2 years ago

Hi Guys,

Just wondering how I go about moving the arrows in the articles scroller.

I would like to have them side by side, instead of showing at the top and bottom of the scroller - it seems this particular addon has been written in Jquery, which makes it a little more difficult to figure out how to move things around as a HTML override.

See image below for clarification.

0
6 Answers
Order by
Oldest Newest Votes
PD
Peter Dowse
Accepted Answer
2 years ago #133111

I ended up using relative positioning and moving them with CSS.

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 2 years ago #126911

Hi there!

Which template you are using there?

In general they appears side by side.

Would you please give me your site URL here to check with indication where you have this articles scroller addon?

Best Regards

0
PD
Peter Dowse
Accepted Answer
2 years ago #126932

Certainly.

I'm using the Investa template.

Here's a link to the development site and the section with the article scroller.

link

0
PD
Peter Dowse
Accepted Answer
2 years ago #127905

Hi Guys - any word on this?

0
PD
Peter Dowse
Accepted Answer
2 years ago #128880

Hi Guys - posted about this over 2 weeks ago and still no response?

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 2 years ago #133352

Hi Peter,

Sorry for not being there:(

You may remove your custom code and try the following custom CSS either:

.sppb-articles-carousel-wrap.slick-initialized.slick-slider.slick-dotted {
    display: flex;
    flex-direction: row;
}
.icon-arrow-yellow-right.slick-arrow {
    order: -1;
}

But it will position in a different place though. Here is a sample screenshot: https://prnt.sc/RbU8Ud3lgq4C

Best Regards

0