Javascript conflict

  • Resolved seadog-wp

    (@seadog-wp)


    4 years, 8 months ago

    I love this theme, and really want to keep it. But there is a conflict between the theme and a piece of javascript I need to use.

    The javascript pulls in testimonials from a remote site. The script works, in that it pulls in the testimonials and displays them on the page. But the CSS appears on the page was well. I need the CSS code to go away.

    I have tried disabling all plugins, and I get the same result. I switched the theme to WP’s Twenty Twenty, and the CSS code disappeared, and script worked perfectly.

    Back in OceanWP, I tried disabling all JS and CSS in the Styles and Scripts dialogue on the Theme Option page. The result was as before, both testimonials and CSS.

    I am not using any caching or script compression plugins.

    The scripts I’m having trouble with are here:

    <script type=”text/javascript” src=”https://code.jquery.com/jquery-1.11.0.min.js”></script&gt;
    <script type=”text/javascript” src=”https://www.doctible.com/v1/doctible.js”></script&gt;
    <script type=”text/javascript”>
    jQuery(function($) {
    $(‘#doctible-review-widget’).reviewWidget({
    id: ‘ross-valley-dental-san-anselmo-ca’,
    format: ‘full’
    });
    });
    </script>

    I have tried the lines together, in every combination of two, and alone. The only results are (1) No Testimonials, or (2) Testimonials after CSS.

    I would be grateful for any guidance you might offer. Thank you!

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

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

  • Hello,

    The code has a class ‘full’ that is causing the issue. Try to add the below code to the Customize > Custom CSS section to fix it – 

    style.full {
    display: none;
}
    Thread Starter seadog-wp

    (@seadog-wp)

    Worked like a charm. Thank you!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Javascript conflict’ is closed to new replies.