VC pageable container

Hi,
I would like to do some changes on my pageable container element, this is the link where you can find it: www.mediana.com
Now I have the grey square dots as pagination style outside the content. Now there are two solutions that I would like to ask you:
1.) Simple solution: to take the square dots and place them inside the content, centered, right under the button “Scopri tutti i nostri Casi Studio”

2.) Introduce the right and left arrows, centered: see the attached mockup.

Hey @Anita_Mediana,

I am getting “This site can’t be reached” error as I mentioned in another thread. Are you getting this error after installing specific plugin or there is something else?

Regards

Sorry the server was down yesterday evening. Try again now.

Thanks/ Regards,
Anita

Hi Anita,

Let’s try simple solution. Add this custom CSS:

.home .vc_tta-tabs.vc_tta-has-pagination .vc_pagination {
    top: 90%;
    z-index: 999999;
}

Something like this:

Hope this helps.

OK, works great! Thanks!

Only one other question: can the scattering movement between the slide change be eased or changed in some way?

Thanks,
Anita

Hi there,

Please kindly add the JavaScript code below to is the movement of the container by adding it to X > Launch > Options > JS:

jQuery( function($) {

$(document).on('click', '.vc_tta-container  .vc_pagination-trigger', function( e ){
$('html, body').stop();
});

});

Thank you.

Thank You!

Regards,
Anita

You are welcome!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.