How to add progress dots to Brine Summary Block

Site URL: https://www.akilahinstitute.org/giving-program

Hi guys!

I've searched over for which code to add to my css but not sure it's a styling issue.

There's a summary block towards the bottom of the page, the navigation arrows are small and hard to tell it's a slideshow.
So I'm hoping to add a progress dots/squares to the summary block so the user can tell..

Anyone know how to add this?

Sample attached below:

Thank you,

Anton

Hi. I think we can increase arrows & place them on left/right of summary, similar slideshow. What do you think?

If you still want to add dots navigation, you can consider use this slider plugin.

Hi Tuanphan,

Thanks for the message - is there a way to code the navigation dots by javascript or html? rather not pay for a slider plug in..

If not then I'm happy to try your suggestion, howdo i get the arrows moved to the summary's side?

On 8/9/2021 at 9:58 AM, antonpelayo said:

Hi Tuanphan,

 

Thanks for the message - is there a way to code the navigation dots by javascript or html? rather not pay for a slider plug in..

 

If not then I'm happy to try your suggestion, howdo i get the arrows moved to the summary's side?

1. You will need to recreate it with Code Block. Difficult to edit text/image later

2. Can you take a screenshot of summary? I can't see any arrows on above page