plugin css overwrites all buttons on my site

  • Resolved ritastieg

    (@ritastieg)


    2 years, 6 months ago

    Hello!

    I just installed your plugin it works fine, thank you!
    But I noticed that plugin css file loads also on other pages, even if there is no shortcode. And as you use !important it overwrites existing css styles.

    For example, this is a code in owl.carousel.min.css file 216 line.

    button:not(:hover):not(:active):not(.has-background) {
    background-color: transparent !important;
    }

    As the selector does not have a class, but refers to a button and has !important – buttons on my site have gone transparent and invisibe ??

    I have fixed the issue on the particular page, with another line of code, but I am afraid about other pages…

    May be it would be a good idea to add specific class to this css line.

    Thank you!

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Praveen

    (@praveenmalav09)

    Hi @ritastieg,

    Please go to Dashboard > plugins > plugin file editor and select Testimonial Builder plugin and go to assets > CSS > owl.caroursel.min.css file change the below code with other code on line number 215.

    button:not(:hover):not(:active):not(.has-background)
{
    background-color:transparent !important;
}

    To

    .wpsm-testi-owl-carousel button:not(:hover):not(:active):not(.has-background)
{
background-color:transparent !important;
}

    If it works or not please let us know.

    Thanks

Viewing 1 replies (of 1 total)
  • The topic ‘plugin css overwrites all buttons on my site’ is closed to new replies.