Cornerstone pages not rendering

I am building a WooCommerce Shop using Pro Theme and Cornerstone:
https://stg-nationaldairyhayatna-staging.kinsta.cloud/shop/

The shop and product pages are rendering correctly. But regular pages don’t render. They look ok in the Cornerstone editor but when I view the page all the design and formatting is broken.
https://stg-nationaldairyhayatna-staging.kinsta.cloud/test-page/

Please help…

Hi @hkayali,

Thanks for reaching out.
I have checked your website and also tried creating a test page, and found that the style is not loading for the custom pages. Whereas I checked by adding some temporary style for the layout, and that worked well. It is a really weird issue you are facing. It might be a problem due to the improper update of Pro. I would suggest you deactivate and delete the Pro and reinstall it by downloading it from your Themeco Account once again, and check if that resolves your issue.
If that does not help, there might be some different reasons behind your issue. I would like to suggest troubleshooting the following common issue to help us recognize the reason.

1.Theme Related Issue
2.Plugin Conflict
3.Theme Update related issue
4.Child Theme Related issue
5.CSS/JS Customization
6.Disabling Cache
7.Disabling CDN

If you discover that an issue is coming from a custom code or 3rd third-party plugin, kindly consult with a developer or contact the plugin author. Please note that we do not provide support for custom codes and 3rd party plugins, unless you are subscribed to One. If not subscribed, kindly consult with a developer or contact the plugin author.
Please note that we do not provide support for custom codes and 3rd party plugins, unless you are subscribed to One service.
If none of the above helps, please copy your live site to a staging server so we can troubleshoot freely without breaking your live site.
And give us access to the secure note, including:

– WordPress Site URL & Login URL
– WordPress Admin username/password

To create a secure note, click the key icon underneath any of your posts.

Thanks

Thank you for your reply.

I deleted the Pro Theme and Pro Child theme. Reinstalled them from Themeco account. Cleared all the caches. Disabled all the plugins.
Still the issue persists.

The only thing I can think of is that I had initially installed and activated a standalone Cornerstone license on the website. I then decided to use the Pro Theme. Both are active licenses I have from ThemeCo. Could this be causing the issue? Cornerstone is no longer installed as a plugin so there should be no conflict.

Please check. I have a backup of the website so there is no issue if it breaks

Hey @hkayali,

To get your issue resolve, please edit your custom Footer and then find the Social icon elements. You will need to remove the custom inline CSS in ALL of the social icons.

This CSS code SHOULD BE REMOVE.

/*$el.x-anchor:hover {
  background-image: linear-gradient(to top right, #0ec5a0, #0ec5a0, #8055ee, #8055ee);
}

$el.x-anchor:hover .x-graphic-icon {
  color: #fff !important;
}

By the way, the correct code should be:

$el.x-anchor:hover {
  background-image: linear-gradient(to top right, #0ec5a0, #0ec5a0, #8055ee, #8055ee);
}

$el.x-anchor:hover .x-graphic-icon {
  color: #fff !important;
}

Best Regards.