How to remove all local page settings to allow global settings to take effect?

Support
#1

Hi,

Please can you let me know if there is a way that I can remove all the local settings for a page such that global css settings will style the page elements? At the moment, global css has no impact on element styling because these are all overridden by local/individual element settings.

I am looking for the quickest way to edit element styles across my site.

Many thanks,

Chris

#2

Hello Chris,

Thanks for posting in!

I’d like you to understand first how the styling where loaded in your site. There is a heirarchy in loading the styles.

  • Theme stack style.css
  • Child theme style.css
  • WP Additional css (Appearance > Customize > WP Additional CSS)
  • Theme Option Settings
  • Theme Options’s Custom CSS
  • Cornerstone/ Pro Editor page Custom CSS

And then if you are using the Cornerstone/Pro Editor in building the pages, one thing to take note of the elements, The classic elements depends of the Theme Stack style.css and the Theme Options Settings. If you are using the V2 element, make sure that you understand these elements have their own default styling. You can even style the v2 elements in each respective element settings while editing in Cornerstone or Pro Editor. This is also one of the reasons why your global settings are not affecting v2 elements.

If you want to use global CSS for your page, it is best that you use the default WP editor. If you use Cornerstone/Pro Editor then you will have to add some custom ID or classes to your elements before your global CSS will have an impact on them.

Hope this makes sense.

#3

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