How to customise all CSS files via Child Theme

We just can’t figure out how to replace the layout.css and the shortcodes.css without breaking the layout.

Scenario
Specifically I need to get into control over the style sheets to customise the way all font-sizes and colours are handled.
Currently I have setup a SCSS file that generates the “style.css” in the child theme. But it isn’t feasible anymore as always another element pops up which is not styled the way we need it and the code is growing stupidly large and confusing for that matter.

Current Implementation
Which seems to work fine for most of the CSS files, e.g.: base.css or grid.css.
We copied the “avia_register_frontend_scripts” into our functions.php and then changed “template_url” to “child_theme_url” for all the CSS files. eg.:

from:
wp_enqueue_style( 'avia-base' , $template_url."/css/base.css", array(), '2', 'all' );
to:
wp_enqueue_style( 'avia-layout', $child_theme_url."/css/base.css", array(), '2', 'all' );

This seems to work just fine for most CSS Files but as soon as we do it with the the “layout.css” or “shortcode.css” it does break! :(

We also tried to add a custom function and first dequeued all styles (wp_dequeue_style) as suggested by some similar posts …
– https://kriesi.at/support/topic/editing-base-css-in-a-child-theme/
– https://kriesi.at/support/topic/best-way-to-handle-a-css-change-to-base-css/
– https://kriesi.at/support/topic/remove-native-css-framework/
… which ultimately lead to the same problem

So is the shortcode.css and layout.css referenced anywhere else?
I could only find one reference in “template-builder.class.php” (themes/enfold/config-templatebuilder/avia-template-builder/php) … but a change to this did not do the trick yet. :/

Hope you can help us with this!
best,
Manuel

• This topic was modified 7 years, 6 months ago by Manuel. Reason: typo