How to move arrows in articles scroller - Forum | JoomShaper
Solved SP Page Builder

How to move arrows in articles scroller

Asked by Peter Dowse 3 years ago Last activity 3 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.

Accepted answer

Marked as the solution
Peter Dowse Asked this

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

5 more replies

Rashida Rahman Staff

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

Peter Dowse Asked this

Certainly.

I'm using the Investa template.

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

link

Peter Dowse Asked this

Hi Guys - any word on this?

Peter Dowse Asked this

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

Rashida Rahman Staff

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

Log in to reply.