Divi Ignoring some Styles

Hi @kylebravotangoca,

Thanks for reaching us. Hope you are doing great today!

The issue you’re facing might be due to Divi overriding some of the plugin’s styles. It would be helpful if you could share a screenshot of the shortcode preview to understand the difference between the front end and the preview. Then, we can inspect it and suggest the necessary solutions to adjust the style.

Look forward to your response.

Wishing you a nice day ahead!

Hi @kylebravotangoca,

Thanks for sharing the screenshots. They helped me to understand the difference of the pagination button on the shortcode preview and on the front-end. You can apply the following CSS to the custom CSS section of the plugin to adjust the pagination style.

.wpcp-carousel-section .wpcp-swiper-dots .swiper-pagination-bullet {
    border: 0 solid !important;
    border-radius: 50% !important;
    margin: 3px !important;
    padding: 0 !important;
}
.wpcp-carousel-section .swiper-pagination-bullets.swiper-pagination-horizontal, .wpcp-carousel-section .wpcp-swiper-dots {
    display: inline-block;
    text-align: center !important;
}

We have applied the code and it seems to work. We request you check and let us know the update.

Thank you!

Hi @kylebravotangoca,

The DIVI has used the same script for the built-in carousels, which overrides the plugin’s stylings. We tried to check the padding on the carousels, but the page is not available anymore. Check the screenshot.

Thank you.