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’m using a custom theme with SiteOrigin and SiteOrigin CSS. I recently wanted to get into the SiteOrigin CSS side, which I hadn’t touched until now. I’m running into a problem where the mouse-over highlighting doesn’t end, and keeps highlighting every element I mouse over until it’s a large box of blue. Something seems to be preventing the element highlight from turning off.
Thanks.
Hi Rebecca,
I’m sorry that you’re having trouble using SiteOrigin CSS.
Are you able to replicate this issue in a different browser? If so, this sounds like it could be a plugin conflict issue. 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.
If you aren’t using a SiteOrigin theme, then you can also try temporarily switching to one of the default WordPress themes to see if the issue is theme related.
Hey Alex,
Thank you for your prompt response. The issue does seem to be theme related, and unconnected to plugins. Is there something that can be done to adjust the custom theme? How is the blue effect applied and removed?
Thanks.
Hi Rebecca,
To confirm, have you temporarily changed the theme to confirm if this issue is theme related? I know it’s not ideal, but we need to confirm the source of this issue before we’re able to proceed.
I have. It functioned with a default theme.
Are there any javascript dependencies? I checked the console and every time it adds blue, there’s an error:
Uncaught TypeError: t.padding is not a function.
Thanks.
Hi Rebecca,
Thanks. Can you please clarify what theme you’re using? All of our dependencies are output automatically so you don’t need to worry about doing that manually.
Please disable CONCATENATE_SCRIPTS. To do this you’ll need to edit your wp-config.php file. Once you’ve done that, please send me a the contents of your console.
I am using a custom theme.
This is the resulting output:
JQMIGRATE: Migrate is installed, version 1.4.1 jquery-migrate.min.js?ver=1.4.1:2 JQMIGRATE: Migrate is installed, version 1.4.1 ?so_css_preview=1:1293 WORKING inspector.min.js?ver=1.2.4:1 Uncaught TypeError: t.padding is not a function at HTMLDivElement.<anonymous> (inspector.min.js?ver=1.2.4:1) at Function.each (jquery.min.js:2) at n.fn.init.each (jquery.min.js:2) at N.d.highlight (inspector.min.js?ver=1.2.4:1) at N.d.setHoverEl (inspector.min.js?ver=1.2.4:1) at HTMLDivElement.<anonymous> (inspector.min.js?ver=1.2.4:1) at HTMLBodyElement.dispatch (jquery.min.js:3) at HTMLBodyElement.r.handle (jquery.min.js:3)Hi Rebecca,
Thanks. Unfortunately, the provided error isn’t clear as to the source of this issue. I would recommend disabling all of the JavaScript you’re adding to your custom theme and seeing if that helps. If it does, please re-enable one script at a time until you’re able to find the conflicting JavaScirpt.
There is no custom JavaScript that is added.
Hi Rebecca,
Thanks for clarifying. At this stage, we’re unfortunately not sure what is causing the conflict between your theme and SiteOrigin CSS. Hm. Try temporarily disabling custom PHP in your themes functions.php to see if that helps.