Local stylesheets

Support
#1

I am starting to incorporate Cornerstone for a subsection of my site. The overall site was already built in a custom theme built by our development team. Our client now wants to start creating lots of new content and they feel most comfortable using the Cornerstone builder as they have worked with it before. Clearly upending the entire site to replace with cornerstone is untenable so we are just going to use it for the custom posts and pages created by the client. We have configured it so that our pre-existing header, navigation, and footer all appear on these new posts with the cornerstone builder just handling the content for our client to customize. Here is our dilemma:

We have imported our local stylesheets into the cornerstone builder however the cornerstone styling overrides all our styles. This seems a bit unintuitive - what’s the purpose of allowing us to import our stylesheets if everything from cornerstone overrides it anyway? I have tried disabling the “Customize CSS / Customize JS” options in every section I can find in the Cornerstone Settings -> Permissions tab as well as adding custom code snippets I have found online to our theme’s functions.php file to dequeue / unregister Cornerstone styling yet nothing works - cornerstone styling still appears on our pages and overrides our stylesheet (yes I have cleared cornerstone’s cache too). My main questions are the following:

  1. Is there a way to completely block cornerstone styling from being loaded on the front-end? The client who is customizing content does not need to modify styling for their new posts since we want everything to be consistent with the rest of the site.
  2. If there is not a way to do this, what is the best way we can have our stylesheet take priority over cornerstone styling? Replicating our styles within the cornerstone settings from our stylesheet would be incredibly time consuming and tedious and we would like to avoid that.

For reference, our team is very experienced in custom wordpress development but completely new to cornerstone.

#2

Hello @InnovatusImaging,

Thanks for writing to us.

You can prevent Cornerstone’s built-in frontend styles from being loaded by adding the following filter to your theme’s functions.php :

add_filter( 'cornerstone_enqueue_styles', '__return_false' );

Hope it helps
Thanks

#3

Unfortunately that snippet does not work. I still see the cornerstone stylesheet loaded in the style-editor and the inline styles are also loaded and take priority over our stylesheet. I consulted the cornerstone developer guide: https://theme.co/docs/cornerstone-developer-guide#hooks-and-filters and couldn’t find that filter or any others that seemed helpful.