Problems with slider navigation arrows

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter jortegac

    (@jortegac)

    4 years, 2 months ago

    I see the problem now.
    The classes used in the elements of the slider of your plugin have exactly the same names of some classes of my theme. Therefore, the styles applied to the elements come from several non related css files, creating chaos.
    Could your plugin define more specific class names? Especially those containing the word “slick-”

    Plugin Support Bayejid Ahmed

    (@bayejid00)

    4 years, 2 months ago

    Hi @jortegac,

    Thank you for your query. I can see that your theme CSS overrides the CSS of the Real Testimonial carousel. To fix the navigation and pagination style, add the following CSS in the Custom CSS field of the plugin by going to Real Testimonial > Settings > Custom CSS.

    .sp-testimonial-free-section .slick-arrow {
    height: 32px;
}
.sp-testimonial-free-section .slick-arrow:before {
    display: none;
}
.sp-testimonial-free-section .slick-dots {
    bottom: 0;
}
.sp-testimonial-free-section .slick-dots li {
    margin: 3px !important;
}

    Let us know if it works or not.

    Thread Starter jortegac

    (@jortegac)

    4 years, 2 months ago

    It looks much better with your CSS. Thanks!

    Plugin Support Bayejid Ahmed

    (@bayejid00)

    4 years, 2 months ago

    Hi @jortegac,

    Nice to hear that the CSS fixed the CSS override issue.

    If you like the plugin and support, share your experience in the review section.

    Have a nice day!

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Problems with slider navigation arrows’ is closed to new replies.