Classic elements vs V2 elements, styling and default settings

[tommipa]

Hi,

I’ve made a sreen recording to illustrate my case and why I’m confused. See the recording here:
https://youtu.be/e_LTu9yllLc

The posts I’ve found on the forum didn’t provide definite answers to my questions.

1. Is the following correct? I should be using classic elements only in order to be able to update all the similar elements (such as all H1 tags) on the site later, like you would do through CSS on a standard site. In other words, the styling / settings of V2 elements can’t be configured easily from a single location?

2. Which general settings within Pro apply to classic elements and which to V2 elements? I don’t get the logic.

3. When using the Pro child theme, which is the correct way to add custom CSS? Through the style.css file or WP settings?

Thanks again!

[ruenel]

Hello There,

Thanks for writing in!

1.) Use classic elements if you want to control it in one place. It will follow the theme option settings.

2.) V2 elements does not follow the theme options or global defaults because it has its own independent default settings. You may apply presets or tweak the v2 elements settings if you want to change something. If you use several v2 elements on the same page, it is best that you tweak one v2 element and if you are satisfied, save your v2 element settings as a preset so that you can apply that preset to other v2 elements on the page.

3.) There is no correct way of adding a custom css. As long as your custom css will not override or will not be overridden, then it is fine. You must understand the hierarchy of the styles being loaded in the theme or child theme.
The order is this:

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

Hope this helps.

[tommipa]

Hello,

Thank you for a very thorough answer. This helps me a lot!

[rad]

You’re most welcome!