AIOSEO Causes CSS Issues on Site

Hi @pegasuspress,

Thanks for the detailed report, and I’m sorry about the trouble this is causing on your site. You’ve described it perfectly, and I want to confirm that we’ve already identified this compatibility issue between AIOSEO and Divi 5, and our development team is actively working on it.

In short: AIOSEO processes your page content early (to build the meta description), and that extra pass throws off the numbering Divi 5 uses to match styles to columns. Styles then land on the wrong columns, which is why you’re seeing backgrounds, borders, and blurb designs where they don’t belong.

While our team finishes the permanent fix, there’s a workaround you can apply with the free WPCode plugin (https://wordpress.org/plugins/insert-headers-and-footers/):

1. Install and activate WPCode.
2. Go to Code Snippets > Add Snippet > Add Your Custom Code (New Snippet).
3. Choose PHP Snippet as the code type, paste the code below, set it to run Everywhere, and activate it.

add_action( 'init', static function () {
	if ( ! function_exists( 'aioseo' ) ) {
		return;
	}

	$standalone = aioseo()->standalone ?? null;
	if ( ! $standalone || empty( $standalone->pageBuilderIntegrations['divi'] ) ) {
		return;
	}

	if ( $standalone->pageBuilderIntegrations['divi'] instanceof AIOSEO_Divi_Column_Index_Fix ) {
		return;
	}

	if ( ! class_exists( 'AIOSEO_Divi_Column_Index_Fix', false ) ) {
		class AIOSEO_Divi_Column_Index_Fix extends \AIOSEO\Plugin\Common\Standalone\PageBuilders\Divi {
			public function processContent( $postId, $content = null ) {
				if ( empty( $content ) ) {
					$post = get_post( $postId );
					if ( $post instanceof \WP_Post ) {
						$content = $post->post_content;
					}
				}

				if ( aioseo()->helpers->isAjaxCronRestRequest() && ! doing_filter( 'the_content' ) ) {
					return apply_filters( 'the_content', $content );
				}

				return $content;
			}
		}
	}

	$standalone->pageBuilderIntegrations['divi'] = new AIOSEO_Divi_Column_Index_Fix();
}, PHP_INT_MAX );

After activating the snippet, please do these two things so the old broken styles don’t stick around:

1. Clear Divi’s CSS cache: go to Divi > Theme Options > Builder > Advanced, then click the Clear CSS Cache button at the top right of the Theme Options panel. Here’s a screenshot showing exactly where it is: https://a.supportally.com/i/TzPepG
2. Clear any caching plugin or server cache you use, then hard-refresh the page.

Once the permanent fix is released in a future AIOSEO update, you can simply deactivate and delete the snippet.

Could you give this a try and let me know if your About Us page (and the rest of the site) renders correctly again with AIOSEO active?

@krugmedien, the same workaround applies to your site as well. If you still see issues after applying it and clearing Divi’s static CSS, please start a new topic with a link to an affected page so we can dig in.

Thanks for your patience!