Hello Hazrath,

Thanks for writing to us.

Please share your website URL so that we can provide css for what's possible.

I look forward to your response.

Hi Hazrath,

Thanks for writing back.

I do not see the pagination controls on the carousel. Please share screenshots so that we can check what we are missing.

I look forward to hearing from you.

Hi Hazrath,

Thanks for writing to us.

To make the changes as requested, you will need to add some custom CSS code. To do this, please follow these steps:

From your WordPress dashboard, Navigate to Salient > General Settings > CSS/Script Related. In the custom code area, insert the provided CSS snippet:

@media only screen and (max-width: 999px) {
  .nectar-flickity.nectar-carousel:not(.masonry).tb-spacing-0 .flickity-page-dots {
    display: none;
  }
}

Once the code is added, save and refresh the page to see if the change has been applied. In case it helps, please check this section from the documentation on CSS/Script Related. If this does not work as expected or If you have any further questions or need additional assistance, don't hesitate to write back, I'm happy to help. 

Kind regards,

Hi Hazrath,

Thank you for getting back to us.

The code with disable the controls for the entire site. Do you want to only remove them for this specific page?

We look forward to your reply.

Thanks,

Hi Hazrath,

Thank you for getting back to us.

You can do that by replacing the previously shared CSS to make the CSS only affect this page.

@media only screen and (max-width: 999px) {
  .page-id-841 .nectar-flickity.nectar-carousel:not(.masonry).tb-spacing-0 .flickity-page-dots {
    display: none;
  }
}

Try that and let us know how it goes.

Cheers,

Hello  Hazrath,

You're welcome.

If you have any further questions or need additional assistance, don't hesitate to write back, I'm happy to help.