Button element rendering incorreclty - STUMPED

Hi,

I am stumped. We have button element rendering correct int he builder:

works

but live it looks wonky:

not-working

We have checked styles and conflicts to no avail. Any thoughts are welcome!

Here is the live page: https://www.classicalguitarshed.com/free-guitar-sheet-music/

Thank you!!

Hi Michael,

Would you please kindly go to Pro > Status and hit the Clear Style Cache button on the right hand side of the screen?

kindly get back to us with the result of the steps above and URL/User/Pass of your WordPress dashboard using the Secure Note functionality of the post to follow up the case if you still have problems.

Thank you.

I sent a secure note. Yes, we had already cleared the cache. Thank you.

Hey Michael,

Issues like this where the builder displays correctly but not in the frontend is usually caused by HTML syntax errors. I checked your site in a HTML validator and you have lots of HTML errors. One example is you didn’t close a list.

image

Please check where you’ve added custom HTML and ensure the HTML syntax is correct.

Just a tip, you can save your page as a template using the Template Manager then load the template in a test page. You then remove sections one by one while checking if the issue will persist each time to see what section causes the issue. You then just need to check the HTML content of the section.

Hope that helps.

Thank you! We are taking this site over and i guess we did not see this one. Thank you!

Question… how could a

</div></p></div>

inject itself within a global block. It appears there are arbitrary

tags. Thank you!

1 Like

Hi Michael,

We are not aware of such a thing. It must be something related to the code that is added to the Global Block. You can test by removing all the custom HTML code you added to the pages.

Thank you.

There appears to be a conflict with Learndash LMS plugin. When we turn it off everything looks fine. LearnDash says nothing has changed on their end. Have anything changes in Pro to cause this?

The issue seems to happen with a global bock being nested in another shortcode:

[visitor course_id="22904"][cs_gb id=114261][/visitor]
[student course_id="22904"][cs_gb id=114256][/student]

Nor sure why this would affect anything.

Thank you!

Hi Michael,

We are not sure about that, but if this is happening when the LearDash is active it is a conflict with that plugin and outside of our support scope.

The only suggestion that we could give is to not use the Global Blocks when using the LearnDash plugin.

Thank you for your understanding.

Thank you. I do partly understand. Given the global blocks are not just used within the builder but are also integrated using a shortcode, saying not to use the global blocks is really diluting the hard work Themco put into this amazing theme that we have used with clients hundreds of times. This is a theme, core to a wordpress installation, so using the conflict excuse and bypassing a root cause that could help others in the future is a poor response. We of course will only use Pro Theme on all project and recommend it to all of our clients, but a tad disappointed.

1 Like

Hello Michael,

The combination of the LearnDash shortcode and the global block shortcode is the source of the issue. You said you used this pattern:

[visitor course_id="22904"][cs_gb id=114261][/visitor]
[student course_id="22904"][cs_gb id=114256][/student]

The visitor and the student output must be wrap with <div> tag. The global shortcode output were wrapped with <div> as well. When inserting it in the content area element, there should be NO new line or line break to avoid any auto conversion of <p> tag. Therefore, please edit your content and use this:

[visitor course_id="22904"][cs_gb id=114261][/visitor][student course_id="22904"][cs_gb id=114256][/student]

Having it this way, we are preventing the content area element to auto inject <p> tag in between.

Kindly let us know how it goes.

Thank you, yes we had already tried that. As a test we pushed this all into function (do_shortcode) and it does work. It is very odd, thus why we reached out. We are finding ways around it, just wish we could figure out why some much extra html is being added to the global blocks. Thank you for your suggestion!!

1 Like

You are most welcome!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.