I started creating a website since the early of February by using Tesseract theme. (orientalbird.com) It seems going well but when I used Page Builder function it does not function at all.
For example, when I tried to add ‘SiteOrigin Button’ in the page/post it showed the message box like this;
“This widget has scripts and styles that need to be loaded before you can use it. Please save and reload your current page.
You will only need to do this once.
Help”
I already clicked help button but there’s no information I can follow.
I saved and reloaded but nothing happened.
Every time I tried to use SiteOrigin functions (slider, button, maps etc.) it showed the message like this. And when I added other widgets (such as visual editor, text editor, etc.), it didn’t show full information so I couldn’t apply it. For example, when I added “Visual Editor” it showed only Title form I could fill in in General Tab, so much different when I added this widget in Text Editor function.
Then, with Tesseract theme, I can use only “Content Blocks”; instant-templates that creator of Tesseract provided which is not convenient at all.
This happens when I use Page Builder function only. All widgets from SiteOrigin are compatible with the theme when I use Text Editor function except I can’t delete space between the rows.
I’ve already run the latest version of wordpress, updated all plugins, and closed similar plugins as SiteOrigin, but the problems exist.
Please help advise. Sorry to write too long, I’m very very new for this kind of thing. And please help explain the solutions in details. (Now I understood some about css and already added Tesseract child theme, but not know where I have to adjust to solve the problem, or whether I have to do about this or not.)
Thank you so much.
I’m going to come back to the widget issues in a second while I help you with the spacing issue first.
You can change this with some custom CSS. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Just add the following code.
.so-panel { margin-bottom: 0 !important; }You might also need to install the SiteOrigin CSS Editor.
Back to the main issue at hand. Typically this issue is fixed by saving the page and then reloading it but if that doesn’t fix it, it might be due to a plugin conflict. 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.
Hello Alex,
Thank you very much for your quick reply. By the way, I followed all of your instructions but nothing changed.
– After adding the code in custom css, the space still exists.
– I disabled all plugins except Beaver Builder, Page Builder by SiteOrigin, SiteOrigin CSS, and SiteOrigin Widgets Bundles, but nothing solved.
(First, I tried to disable Beaver Builder but there's a message box showed that "The following recommended plugin is currently inactive: Beaver Builder<http://www.orientalbird.com/wp-admin/plugin-install.php?tab=plugin-information&plugin=beaver-builder-lite-version&TB_iframe=true&width=753&height=467>.Begin activating plugin<http://www.orientalbird.com/wp-admin/themes.php?page=tgmpa-install-plugins&plugin_status=activate>" Then I activated Beaver Builder. And yes, I already cleared all caches.
[cid:71cab726-135d-47e1-81cc-1ebadaf36d37]
I've switched to other theme; Twenty Fourteen, but SiteOrigin Widgets are not compatible with the Page Builder too. (the look was changed when I switched back to Tesseract theme. I want to hide the Title of each page/post but I can't find it.)
Please help advise.
Thank you.
Hi Sukanya,
I’m not too sure how I didn’t see this previously but I would not recommend using Beaver Builder and SiteOrigin Page Builder on the same site. They do much the same thing so they don’t work well together and tend to cause issues.
Regarding the row spacing. Could you provide me a link to that page so I can check it out?
“I’ve switched to other theme; Twenty Fourteen, but SiteOrigin Widgets are not compatible with the Page Builder too.”
I’m not sure I follow. Are you talking about a different plugin?
Hello Alex,
You're right I am confused between Site Origin Page Builder and Beaver Page Builder. I am very sorry for that. Please accept my apology.
Because I followed to the video tutorial of Tesseract without knowledge background, I didn't notice the difference.
At first, the video used SiteOrigin widgets bundle and I saw 'SiteOrigin' in 'Add Widget' category so I thought that SiteOrigin is a kind of widgets and Page Builder was the standard function which wordpress provided. At first, the creator of Tesseract didn't suggest us to download Beaver Page Builder and I couldn't remember when I downloaded this plugin. Now I noted that it's the main plugin he used in Tesseract2, because he released the new tutorial on Feb 23 and I just found it yesterday. Actually, I've practisedd using Beaver to create many pages already (even I didn't remind what it was before.) so I couldn't deactivate it. Right now I understand that the problem exists because I activated the plugins which contain alike function and then I can't apply SiteOrigin widgets with my pages/posts unfortunately. (I have to activate both othewise something wrong happened, for example, when I deactivate SiteOrigin, I can't hide the Title name.
By the way, about the space between the rows, I am not sure if the Page Builder I used was the one of your company or not because I didn't run Beaver Builder while creating the page. I added rows and widgets manually.
This is the URL http://www.orientalbird.com/1020-2/?preview=true
Well! I'm very surprised. The last time I added the css code you advised, I updated and clicked 'Preview Change" many times but the space was still there. But today, it's gone.
I'm so sorry to bother you what you're not involved. I think the cases are closed. Thank you very much for your kind advise.
test-11 – ORIENTALBIRD<http://www.orientalbird.com/1020-2/?preview=true>
http://www.orientalbird.com
And then there's Tesseract theme 2 (I guess) which has the same function as the first one except has Beaver Page Builder function. I suddenly used it by accident but I couldn't remember when I added Beaver Page Builder. I've always thought the Page Builder I used was standard function of wordpress so I didn't remind
Hi Sukanya,
It’s okay. You’re not the first one confuse our plugin with other similar plugins. While I’m disappointed I wasn’t able to effectively help, I’m glad this issue is resolved. If you ever decide to use SiteOrigin Page Builder over Beaver Builder and run into any issues in the transition period please feel free to open up a new thread – I’ll get to it as soon as possible. :)
Regarding the spacing issue. That page was made with Page Builder but it looks like the issue resolved itself as the CSS I gave you didn’t remove the spacing. Quite odd.
Is there anything else I can help you with?