Elements Not Working After PRO Update

Support
#1

I finally updated my site to PRO. Now, everything looks bad and few Classic Elements are working. For example, Type Text does not type. Cards do not turn over. And nothing looks like it ought to.

The steps I used to upgrade:

  1. Converted my license
  2. Uploaded and activated PRO
  3. Re-activated my old Child them so that I could get in and copy my custom CSS before moving to the PRO Child
  4. Uploaded and activated PRO Child
  5. Pasted my global custom CSS to the PRO Child

The site is www.brilliantbuds.com

#2

Hi @canestalkcreative,

Thanks for writing in.

Upon checking your setup, everything looks great. Text type is typing and the cards are turning over.

The only problem I could see is that there are a lot of console errors.

There are a lot of solutions regarding Mixed content images. You could try solutions here in the forum.

Let us know how it goes.

Thanks.

#3

I don’t get it. Here are some screenshots of what I see. Whether I’m looking at the site in Chrome, Firefox, or on my iPhone, almost everything is a big mess. I have cleared caches both on my machine and on Cloudflare.

Here are what the cards look like for me:

Here is the Classic List Feature: [removed due to 1 image upload limitation]

And here’s a Classic Tab. Inside each Tab group I also have shortcode to put Skillbars, which also do nothing. [removed due to 1 image upload limitation]

Here is a sample of the text inside one of the tabs:

<p>Circle time takes place in the morning and is a time for children to share how their day was yesterday and connect with other students. We talk about the weather, seasons, the day of the week, and go take a look at the clock. This is also a time for review. We may go over the weeks words or letters and numbers. I encourage children to sing songs and dance in order to awaken our brains and start the day off on a positive note.</p><p>Circle time is most appealing to our visual and auditory learners.</p><p>[x_skill_bar heading="Physical Development" percent="0%"]<br /> [x_skill_bar heading="Mental Stimulation" percent="40%"]<br /> [x_skill_bar heading="Social Skills" percent="95%"]<br /> [x_skill_bar heading="Self Expression" percent="90%"]</p>
#4

Hello There,

I’ve taken some investigation and it seems that you have minified the JS and CSS in your CloudFlare settings. Please login to your CloudFlare and in the Speed Tab, please disable the minify feature for JS and CSS. For best results, please apply the recommend CloudFlare settings from this tip:
https://xthemetips.com/using-cloudflare-rocket-loader-with-x-pro-and-x5/928/

Hope this helps. Please let us know how it goes.

#5

YES, that fixed 85% of the styling issues! Thank you.

There are some remaining issues however.

  1. Most of the site styling is back to normal, but the FONTS are not obeying the rules I set in the Font Manager. I have specified a “Headings” font and a “Body Copy” font in the Font Manager, and set the Headings to “Headings” and Body to “Body Copy” in the Typography portion of the Settings menu in Pro. However the site seems to use default Helvetica rather than my selections (PT Sans for body, for example). Am I missing something?

  2. The styling is now more or less correct, but Elements are still not functioning properly. It seems like any kind of animation or interaction is somehow disabled.

Some examples: Cards do not turn over, Tables do not respond when I click the individual tabs, Text Type still isn’t animating, Feature lists that are supposed to animate do not, Skill Bars do not fill.

Oddly, these all seem to work on my mobile device! But not in any browser on my desktop, even after clearing caches. Does that trigger any ideas for you?

#6

Hi there,

Been trying and it wont take effect, the CSS that is being added is

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: ;
    font-style: normal;
    font-weight: 400;
}

Which is empty, and your builders and settings are too slow to load. It takes 4 reload before I can able to access the settings page.

Would you mind providing your CF login credentials so I can purge it everytime I do some test?

Thanks!

#7

Certainly! Thank you for your vigilance. I’m attaching the Cloudflare credentials.

#8

Hi There,

Thank you for the credentials, I was able to solve both issues. Here’s what I did first I did set the site to Development Mode so CloudFlare won’t bother us with caching. Then I did deactivate the WordFence as that slows the load of the site as Rad mentioned above. I was able to solve the font issue by turning Off and On the Font Manager option. I was able to resolve the animation issue by turning off the CloudFlare’s Rocket Loader.

Please clear your browser’s cache on your end.

Cheers!

#9

YOU HAVE DONE IT! Thank you so much, this is such a relief.

#10

On behalf of my colleague, you’re welcome. Cheers! :slight_smile:

#11

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