Site glitches after theme/plugin updates

[ccbeglin]

I recently updated all my plugins, wordpress, and theme updates on our website. I tested it on a staging site before pushing it to production and everything looked normal. I pushed the changes live and everything seemed normal until I went into an old page to make an edit. Saving the edits reflected wonky style changes to the page (header text being blown up to 400%, for example). However, the Cornerstone view of the page still looks normal. I had to revert the production site to a previous backup from before the updates, but the glitches are still reviewable on the staging site for you to review to help me resolve. Please let me know how you can help!

[ccbeglin]

[friech]

Hi Courtney,

Thank you for writing in, you said this happened after you edit an old page, can you audit all those edits and make sure there are no broken HTML and CSS codes anywhere on the site.

Also, please clear all your caching features (plugin, server-side, CDN, and browser’s cache) after updating so that the code from the latest release is always in use. This will help you to avoid any potential errors.

If the issue persists, please provide us login credentials on a “Secure Note” so we can take a closer look.

Cheers!

[ccbeglin]

Hi there,

Thanks for getting back to me. I looked into the CSS on that page and removed the following code:
/*
No need for style tags here;
simply get started by writing
CSS! Watch as your changes
are reflected live in the
preview area. Have fun!
*/

.x-feature-box-graphic i {
max-height: 1em;
}

.x-feature-box-graphic {
margin-bottom: 30px;
}

This seems to have fixed the large text issue. However, now there is a strange formatting effecting happening to the headline when I scale my browser window smaller. It no longer automatically formats to fit the window.

Do you know if this is an update issue I may run into across the site when I try to edit pages?

Thank you for your help.

[marc_a]

Hi Courtney,

The issue is with your heading settings. The line height was set to 0 that’s why on the small screen the text is squeeze. I suggest that you change the line-height settings of your heading element.

Hope that helps.

Thank you.

[ccbeglin]

That fixed it, thank you! Do you know what that wasn’t an issue before the update? Just trying to anticipate other tweaks I’ll need to make on the site. I noticed some text settings are also slightly different (Regular weight instead of Book, for example).

[marc_a]

Hi Courtney,

You’re welcome! On the other hand, we are not experiencing this issue with other customers. As my colleague @friech said, we advise you to audit all your pages.

Thank you.

[ccbeglin]

Thank you. It appears I’m running into the same issue. A file called icon.css:1 is still applying a font 400% size to some of my headers. Can you please help me identify where in my site/theme this lives? I have not added any files to the theme, only custom css in the Theme Options panel.

[marc_a]

Hi Courtney,

I just check the icon.css and it is one of our CSS files. I tried to replicate your issue on my development website but I am not seeing the same issue. I suspect that maybe your theme is corrupted. Please follow the steps below.

1.) Delete the X theme and cornerstone plugin
2. ) Download the X theme from the Themeco Dashboard
3. ) Install the latest version of the X theme and activate it.
4.) install the latest cornerstone plugin and activate it.

Hope that helps.

Thank you.