-
Posts
-
I just updated gkstrategy.com (theme plus 8 plugins) in my staging area on WPEngine and everything was fine, except the homepage. Bizarrely, 4 sections completely vanished… 2 of which included Essential Grid content.
The issue is on the homepage only! There are Essential Grid feeds on every page in the “What We Do” dropdown menu. Each one displays different content based on cats/tags. That’s 14 different feeds on 14 different pages. There is also an EG feed on the ‘How We Think’ page. However, all of those feeds are absolutely fine after the update. The only page that breaks is the homepage.
Anyway, I scrapped that staging snapshot and went through the process again, this time updating plugins one by one. Sure enough, updating Essential Grid caused the same issue… so I presume the problem is directly linked to EG. Whether another update (theme or plugin) is combining with it to cause the issue, I’m not sure. But my gut feeling is that the conflict is EG.
I still find it bizarre though, that 2 other sections—which didn’t include EG content—vanished as well! The sections in question are the darker grey bars above and below the mid-grey section, which is home to EG.
So… I’ve scrapped that second snapshot too, and rolled out another one. This time I updated everything except EG. The site appears fine. Obviously an update of EG will almost definitely break it, but I thought it best to leave that to you so that you can see how it should look, then run the update and see what happens.
Looking forward to a resolution for this… not least of all because the client wants me to clone the whole site and create a sister site, which looks almost identical (and behaves the same), but with different branding and content.
Cheers,
MarkHi Mark,
Thanks for writing in! Can you update the ES Grid and update us so that we can check? Or permit us to update this on staging site so that we can check the issue.
Cheers!
Sorry Rupok. I should’ve made it clearer in the comments above. Yes, you absolutely have my permission to run updates on the staging site.
Like I say, I actually took another snapshot so that you could do exactly that. I thought it would be best if you ran the update so that you can see it break. So please, go ahead and update.
And if you need to, feel free to create another staging site by going to WPEngine in the WP dashboard menu (on the live/production site) and taking another snapshot. Just be aware that it will overwrite the current staging site though.
Hi there,
It’s due to the shortcode that you added within custom meta. I duplicated your grid and close opened shortcodes and it works.
[x_icon][/x_icon]I think it’s best to add the icon as HTML instead of the shortcode. Example,
<i class="x-icon x-icon-group" data-x-icon="" aria-hidden="true"></i>Thanks!
Gotcha! Thank you. I’ve used the html direct from Font Awesome and it’s sorted. Any reason I shouldn’t use theirs? i.e. <i class=”fa fa-users” aria-hidden=”true”></i>
Hi again,
It’s best to use the theme’s built-in features however if you wish to use direct HTML from Font Awesome you can do it.
Cheers!
I’m happy to use the theme’s built-in features, but can you show me what code I’m supposed to add/change for different icon.
You gave me this:
<i class=”x-icon x-icon-group” data-x-icon=”” aria-hidden=”true”></i>For starters, I have no idea what that square (“”) symbol is. Ha!
I tried changing icons by putting this:
<i class=”x-icon x-icon-line-chart” data-x-icon=”” aria-hidden=”true”></i>Obviously I didn’t put it in bold. That’s just for your benefit. But all I got was a repetition of the group icon. So what generic code should I use and what should I adapt per icon?
You can select icons at http://demo.theme.co/integrity-1/shortcodes/icons/ then the way to copy it is via inspect element.
- <script> jQuery(function($){ $("#no-reply-1127089 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>
