Home>Support>SiteOrigin CSS editor not working with WordPress Shoreditch Theme

SiteOrigin CSS editor not working with WordPress Shoreditch Theme

By ahadeed, 7 years ago. Last reply by Andrew Misplon, 7 years ago.
Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

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. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 7 years, 2 days ago Andrew Misplon
    Hi, I Work Here

    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. 7 years, 2 days ago ahadeed

    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. 7 years, 2 days ago Andrew Misplon
    Hi, I Work Here

    Super, let us know how that goes.

  4. 7 years, 2 days ago ahadeed

    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. 7 years, 1 day ago Andrew Misplon
    Hi, I Work Here

    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. 7 years, 1 day ago ahadeed

    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. 7 years, 1 day ago Andrew Misplon
    Hi, I Work Here

    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. 7 years, 1 day ago ahadeed

    Excellent Andrew.

    I’ll give that a try.

    Anthony

  9. 7 years, 22 hours ago Andrew Misplon
    Hi, I Work Here

    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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More