This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

SiteOrigin CSS editor not working with WordPress Shoreditch Theme

Resolved 9 replies pluginplugin-siteorigin-csstechnical
ahadeed
7 years ago · Last reply by Andrew Misplon 7 years ago

I installed the SiteOrigin CSS plugin on two of my WordPress sites, yourlifepurpose.com and walkforyouth.com. It works on the first site which is using the Beacon theme, but it does nothing on the second site which uses the Shoreditch WordPress theme.

Any assistance on this issue would be greatly appreciated because there is very little published about CSS functions for the Shoreditch theme.

Anthony Hadeed

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

9
  1. Andrew Misplon Staff 7 years, 7 months ago

    Hi Anthony

    Please, try temporarily switching to Twenty Sixteen or any other default WordPress theme to confirm that it’s a theme conflict. If it is a theme conflict, confirmed, please check for JavaScript errors and send us the details:

    https://codex.wordpress.org/Using_Your_Browser_to_Diagnose_JavaScript_Errors#Step_3:_Diagnosis

  2. ahadeed 7 years, 7 months ago

    Thanks for the quick response Andrew.

    I'll try your suggestion about temporarily switching to another more common WordPress theme to see if the problem goes away.

  3. Andrew Misplon Staff 7 years, 7 months ago

    Super, let us know how that goes.

  4. ahadeed 7 years, 7 months ago

    Hi Andrew,

    I tried your suggestion and switched to the WordPress Twenty-Seventeen theme, and the same problem occurred. So I guess the problem is not with the Shoreditch theme.

    I then activated the JavaScript console in Google Chrome and got the following error showing up when I clicked on the “eye” button in SiteOrigin CSS Editor:

    load-scripts.php?c=0&load[]=jquery-core,jquery-migrate,utils,jquery-ui-core,jquery-ui-widget,jquery-ui-mouse,underscore,backbone,wp-util,wp-backbone,media-m&load[]=odels,moxiejs,plupload,wp-plupload,jquery-ui-sortable&ver=4.9.7:9 JQMIGRATE: Migrate is installed, version 1.4.1 wpcdt-admin-js.js?ver=1.1.4:3 Uncaught TypeError: $(…).wpColorPicker is not a functionn at HTMLDocument.<anonymous> (wpcdt-admin-js.js?ver=1.1.4:3)
    at i (load-scripts.php?c=0&load[]=jquery-core,jquery-migrate,utils,jquery-ui-core,jquery-ui-widget,jquery-ui-mouse,underscore,backbone,wp-util,wp-backbone,media-m&load[]=odels,moxiejs,plupload,wp-plupload,jquery-ui-sortable&ver=4.9.7:2)
    at Object.fireWith [as resolveWith] (load-scripts.php?c=0&load[]=jquery-core,jquery-migrate,utils,jquery-ui-core,jquery-ui-widget,jquery-ui-mouse,underscore,backbone,wp-util,wp-backbone,media-m&load[]=odels,moxiejs,plupload,wp-plupload,jquery-ui-sortable&ver=4.9.7:2)
    at Function.ready (load-scripts.php?c=0&load[]=jquery-core,jquery-migrate,utils,jquery-ui-core,jquery-ui-widget,jquery-ui-mouse,underscore,backbone,wp-util,wp-backbone,media-m&load[]=odels,moxiejs,plupload,wp-plupload,jquery-ui-sortable&ver=4.9.7:2)
    at HTMLDocument.K (load-scripts.php?c=0&load[]=jquery-core,jquery-migrate,utils,jquery-ui-core,jquery-ui-widget,jquery-ui-mouse,underscore,backbone,wp-util,wp-backbone,media-m&load[]=odels,moxiejs,plupload,wp-plupload,jquery-ui-sortable&ver=4.9.7:2)

    Looking forward to you suggestions,
    Anthony

  5. Andrew Misplon Staff 7 years, 7 months ago

    Can you try disabling all non-SiteOrigin plugins and see if this fixes the issue? You’ll need to clear all your caches after disabling your plugins.

    If it does fix the issue, then try re-enabling your plugins one by one until the issue comes back. This procedure will help diagnose which plugin is causing the issue.

    Once we know that, we’ll be able to look at what might be causing the conflict and either solve the problem or help you find an alternative plugin.

  6. ahadeed 7 years, 7 months ago

    Hi Andrew,

    Great suggestion, and right away I realized that the only plugin that was new to the site walkforyouth.com that I did not have on my main site yourlifepurpose.com was the Countdown Timer plugin. As soon as I disabled this plugin, SiteOrigin CSS Editor worked right away. Below is a screen shot of that plugin. What I can do for now is to temporarily disable that plugin, make my CSS changes to the website, and then re-enable that plugin. What do you think of that approach?

    [cid:[email protected]]

    Thanks in advance,
    Anthony

  7. Andrew Misplon Staff 7 years, 7 months ago

    Thanks. I have the same issue with the plugin mentioned. If you can work around it, that’ll be the easiest solution for the moment.

  8. ahadeed 7 years, 7 months ago

    Excellent Andrew.

    I’ll give that a try.

    Anthony

  9. Andrew Misplon Staff 7 years, 7 months ago

    Super, thanks for your understanding.

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread