[Resolved] Toolset Blocks messed up Learndash Templates

[Author]

Posts

[stephanieK-5]

I am trying to:

#1

I like to add a custom search. I had to deactivate Toolset Blocks for now, so it's empty at the moment.
hidden link

But since I installed Toolset Blocks & Types & Maps, it removed my font CSS from Learndash and prevents showing media, when inserted.

I use Elementor templates & The7 Theme styles.

I contacted Learndash & Elementor but they said all CSS is loaded through theme.
My theme author said it's toolset that removed the "the7 body id class" from the body, they inherit css style from theme - so the issue is not learndash.

- The7 have id="the7-body" for the body tag

hidden link

it comes from the The7 header template header-single.php file- without this id The7 font settings some other settings will not apply to the page. But the learn dash pages do not have this hidden link

Link to a page where the issue can be seen: only after login page is visible
hidden link

I expected to see: my attached media (disappear when "Blocks" is activated) & font style from the theme.
I spoke to some colleagues and no one had an issue with Toolset & Elementor & Learndash, so:

I am new to Toolset, I believe somehow the Learndash "Lesson" template has been corrupted by Toolset when I was clicking wrong, as this was not happen before and started after I bought the Plugin.

Could you provide me help, that the CSS is loaded correctly again? I hope this is a kind of standard setup issue on my side, I appreciate any help that will bring back the CSS again. Thank you so much for your kind help!

#2

Woocommerce Checkout pages fields seems to be a little off also, when activating Bootstrap 4 only. I closed "another plugin loads it", is that working?
hidden link

[Jamal]

Hello and thank you for contacting the Toolset support.

I visited the lesson page, and it seems that the body tag's ID is not generated wither Toolset Blocks is activated or no. hidden link

The body's ID is for sure important for the styles, to be loaded, but I don't see it generated when Toolset Blocks is deactivated.

On the same time, you are using a content template for Lessons hidden link
When Toolset blocks is activated, the lessons' pages will use this content template to generate the main content of the page. That's why the media file is not displayed when Toolset Blocks is activated. I suggest activating Toolset Blocks and not using a content template for the lessons post type, to let the plugin generate the lesson's page. Does it make sense?

Regarding the checkout page issue, I am sure it is the same issue discussed in the following errata. Please check if the provided workaround works for you.
https://toolset.com/errata/bootstrap-4-columns-classes-col-1-and-col-2-conflicts-with-woocommerce/

I hope this helps. Let me know if you have any questions.

[stephanieK-5]

Hi Jamal

thank you for looking into this.

#1
So the missing css body is is not related to toolset?
Could you provide technical help to include it there?

Someone mentioned this here. But I don’t know if that’s correct:

Also check in Toolset -> Settings in the CSS
selectors of Toolset Blocks and uncheck Add
an ID to the body tag for use by Blocks CSS
selectors as that may be the cause of your
issue if it is checked.

#2
Ok so removing templates from
Toolset will
Solve ther issue right ✌️✌️

lovely greetings
Jakob

[Jamal]

Hello Jakob, And thank you for your feedback. I'll try to comment on each point bellow:

#1
I know that Toolset can add an Id to the body based on the setting that you are referring too. I am not saying that the7 ID is removed by Toolset, but I couldn't spot it. The same page did not have the ID wither Toolset is activated or not.

Of course, we'll provide technical support 🙂 we just need to reproduce the issue(Find a page/URL that has the ID when Toolset is not active) and from that point we'll start our debugging to understand what happens and to figure out how we can overcome it. Can you share such a URL? The one you previously shared did not present this issue hidden link

#2
Honestly, I can't affirm that it will fix the issue. As long as a content template is assigned to a post type or to a specific post, it will be used to render the_content part of the page. So, I assumed that unassigning the content template from the custom post type will make it rendered using the theme's and the plugin's templates without any Toolset interference. Does it make sense?

[stephanieK-5]

Hey Jamal

Thank you for the great feedback!

If you login to the Page with the provided login above in first message, the lesson will appear.
hidden link

Thank you so much for investigating this issue. The only thing I recently changes was to install and test Toolset, so it might be the roots of my issue but of course I do not know. It worked just fine before.

Let me know if you need any guidance or quick links!
My best
Jakob:)

[Jamal]

I totally agree that the styles of the website are different based on the body's ID. When we add an id="the7-body" to it, the fonts are different. But, I still do not think that Toolset removes the ID. In fact, I have disabled all Toolset plugins and the page still does not have an ID on the body. hidden link

Based on the7 theme's files, the ID should appear on all pages, because it is hardcoded on line 28 of the header-single.php file. The HTML generated does not contain the ID. I would suspect that another plugin is filtering the whole page and removing the body's ID.(Probably LearnDash) Or some cache system is still keeping parts of the body tag that does not include the ID(IMHO, it is an extreme case).

Would you like to further investigate this on one of our test sites? We should start with a minimal setup(Only Toolset and The7), check if custom pages built with Toolset present this body's ID issue. Then, we can introduce LearnDash and check if this happens for LearnDash pages. By isolating the issue in stages, we can detect which combination of plugins is removing the body's ID.

I have created a clean test site on our platform. You can log in to it with this One-click-login URL hidden link
Please upload the7 theme on it and let me check it further.

[stephanieK-5]

sure thank you so much Jamal! This is a fantastic investigation.

I will update you here as soon as I have setup the test page for you!

[Jamal]

I got a copy of the7(version 8.3.0) theme from our compatibility repository and I installed on this test site. Toolset Types was activated by default. I checked a post and a page on the frontend, they did not include the id="the7-body" on them.

I deactivated Toolset Types, now the site runs only the7 theme and the default post and page do not include the id="the7-body" on them. Maybe that's a feature or option that needs to be activated, but I could not find anything relevant.

Please reach out to your theme author or the7 theme's support and provide them this test site URL to check it further. The7 theme did does not include the id="the7-body". Maybe it is an option to be turned(like toolset body's ID) or the child theme does! In that case, the theme author can be able to reproduce it.

[Jamal]

I forgot to mention, that maybe the id="the7-body" is added by one of the theme's plugins. But, it seems that it needs theme registration. I am sure the7 theme's support can provide you a temporary license so we can investigate this further.
hidden link

[stephanieK-5]

Hi

the standard setup

THE7
Learndash
Toolset

seems to work fine:
hidden link

what's your suggestion to do next?

🙂 I am very happy you look into this with me 🙂 Thank you!
I love to attach the extreme cases 😉 Bug finder here 😉

[stephanieK-5]

i sent the7 author the login to the sandbox.

[Jamal]

Thank you for your collaboration. In order to isolate this issue and progressively debug it, I removed WooCommerce and WPML plugins. We can add them later if needed.

I als o deactivated all the Toolset plugins. The site now runs with only the7 theme and LearnDash. The lesson's page still does not have the id="the7-body" attribute on the body. hidden link

The homepage and the "Hello World!" post do not have it too.
- hidden link
- hidden link

Let's see what the7 theme's team will say. Maybe it is a feature that needs to be activated after registering the theme. I'll be waiting for the feedback, and we'll see what we can do.

[stephanieK-5]

FYI

Deactivated / Activated Plugins, no change:

✅ Code Snippets
✅ Akismet Anti-Spam
✅ Custom Login Page Customizer
✅DynamicConditions
✅ EWWW Image Optimizer
✅ Fast Velocity Minify
✅ GDPR Cookie Consent
✅ PDF Embedder
✅ Product Customer List for WooCommerce
✅ Simple History
✅ UpdraftPlus

✅ User Role Editor
✅ Vendidero Helper
✅ Video Conferencing with Zoom
✅ Woo Product Tools
✅ WooCommerce
✅ WooCommerce PDF Invoices & Packing Slips
✅ WP Mail SMTP
✅ ALL WPML
✅ Woo Product Tools
✅Yoast Duplicate Post

Did NOT test (yet):

Elementor & Toolset Plugins & Learndash

[Jamal]

Well, I wouldn't expect a change. IMHO, it seems that, neither the7 theme nor the LearnDash plugin, add the ID attribute to the body.

If the the7 theme's support or LearnDash support claim that it does, please ask them to reproduce it on our test site, and I'll be happy to check how does it work with Toolset.

I hope you understand my reasoning: If Toolset is causing an issue, the issue must not appear when Toolset is deactivated(not involved). Until now, I have never seen the id="the7-body" attribute.

[stephanieK-5]

Hey Jamal

yes it makes sense. So we assume it must be the The7 Theme right that is somehow not sending the ID to the Learndash Lesson page, right?

I remember I had a Server Crash after installing Toolset (some minutes reboot), I think I was saving too many pages the same time.

could it be that there was a code saved wrong or something? Maybe an update of Theme would solve the issue?

My best and thank you so much for all your patience