Here’s a response from my developer:

– Earlier in the week I made a copy of the site into a test environment.
– I have go through and disabled all plugins on the site except the litespeed cache plugin which is linked to the hosting.
– I was still getting the same error on the special headings.
– I then re-enabled all the plugins and disabled the litespeed plugin and it worked.
– I am going to log a ticket with our DC guys to see if they can work out the issue BUT could you update your ticket with kriesi to explain the above.
– I think its going to be something as simple as excluding a javascript file for ajax in the enfold theme to resolve this but have no idea.

Good morning Rikard,

I have no doubt that I can improve my skills in CSS, thank you for the resources. However, that is not the issue I am currently facing. So perhaps a summary could help.

Regarding CSS:
1) As previously mentioned, CSS doesn’t reliably override the blue. Additionally, on our entire website (not just the pages I’m working on), I would want the bold elements to also not be blue, but black. However, very importantly, if I do a hard global override to make it all black using CSS, then some elements that we’ve purposefully formatted differently in the paragraph section would be overwritten by black. That is why we find it important to just change the color of the default bold text instead of affecting entire paragraph sections. We want to fix the issue at its core, not look for solutions for every page or global CSS overrides affecting formatting of entire sections.
2) CSS doesn’t override the tables to make them transparent, only to change their background to another color. Changing them to a color that matches the background is an ok workaround, but if we end up changing the theme colors on our website, then all tables using that workaround will no longer match the background. That is why we find it important for the default behavior of tables being transparent and not with a white background.

Current implementations of CSS
You can find all the global CSS we’ve added in the General Styling section of the Enfold theme.

Summary of our issue
Again, as much as I appreciate your suggestions in overriding the default formatting, my initial question was really in regards to fixing the default formatting itself. So in our case:
1) Bold text being blue instead of black
2) Background of tables being white instead of transparent

I use the Twenty Twenty-Five theme to build one of our subdomains and the text there is black. The default is never for bold text to be blue, so somewhere it was changed to blue and we would like to change it back to black. However, due to the native settings and the many styling options in Enfold we are reaching out to you to change it reliably without creating contradictions resulting in formatting issues.

Best,
Vlad

Hi Ismael,

our containers share both database and upload directory. So only if a plugin or theme would create ephemeral data in its plugin directory ( not shared between containers) it may become a problem, but this is considered bad practice anyway.

So we have in wp-options:
avia_stylesheet_dynamic_versionenfold (hash)
avia_stylesheet_dynamic_versionenfold_child (hash)
avia_stylesheet_dynamic_versionenfold-child (hash)
avia_stylesheet_existsenfold true
avia_stylesheet_existsenfold_child true
avia_stylesheet_existsenfold-child true

If doing wp eval ‘avia_generate_stylesheet();’, only one option value changes ( avia_stylesheet_dynamic_versionenfold_child ) , and only one file is refreshed ( wp-content/uploads/dynamic_avia/enfold_child.css )

If saving options manually, a lot more files are refreshed :
./wp-content/uploads/dynamic_avia/avia-gutenberg-dynamic-enfold_child.css
./wp-content/uploads/dynamic_avia/avia-merged-styles-15236a5ae6d86a1f9e74a9ba518a7c4c—68790b12ce27d.css
./wp-content/uploads/dynamic_avia/enfold_child.css
./wp-content/uploads/dynamic_avia/avia_posts_css/(*.css) – many files

So currently we are running wp eval ‘avia_generate_stylesheet();’ upon every deployment, and so far have not seen de-synced css. But there have been only 3 deployments – not enough to be sure it works.

I would still like to know whether there are better/more reliable ways to refresh the necessary CSS files. I could as well run mulitple WPCLI commands, if a developer would tell me which hook, action or function to use after deployment.

regards
ulrich

Dear Ismael,
Thank you very much for your helpful response and for providing the PHP snippet to adjust the heading structure in the Timeline element.
After reviewing this internally, the client has decided not to implement further theme-based customizations via the functions.php file at this stage. As we’re working across several Enfold-based websites, they hope this issue will be resolved in a future theme update instead.
We’ve documented the structural limitation in our accessibility report accordingly.
Thanks again for your support and your assistance on this matter!

Best regards,
Diana

Hi Mike,

sorry for the delay – the past few weeks I’ve been fully occupied making five Enfold-based websites WCAG-compliant.
Thanks again for your suggestion regarding the Scroll-to-Top button.
After reviewing the situation, my clients decided not to implement additional plugins or custom code to fix this specific theme-generated issue. Given the already significant effort and cost invested in accessibility improvements, this workaround is currently not seen as proportionate.
The issue has been transparently documented in the accessibility statements, and we hope it will be addressed in a future Enfold update.
Also, thanks for your tip regarding the alternative to the Header Footer Code Manager. I’ll definitely keep the WPCode plugin in mind for future projects …

Thanks again for your support !
Best regards
Diana