Hardcoded Background Images — Linx Theme

Hi Chris-

You can avoid the need to delete those on every update with a little bit of custom CSS. Navigate to Customize > Advanced > Custom JS & CSS and paste these two CSS rules into your Custom Theme CSS:

body.custom-background,
.page-template-page_home .entry-content,
.site-content,
.site-footer {
    background-image: none !important;
}
.entry-title {
    background: none !important;
}

Hi Chris-

You’re right, that doesn’t cover the editor. In fact, while I was trying to answer this question for you, I found out that Custom Theme CSS doesn’t apply to the editor at all, so I’ve filed a feature request to add that functionality (as well as an issue for the Linx theme’s backgrounds).

Here’s how I solved this so you can use these steps in the meantime.

First, I installed the plugin Code Snippets and activated it.

Then, I created a new snippet for our custom function to include your Custom Theme CSS in the editor. It’s based on this example from WordPress.org. Paste this code into a new snippet:

function bgsc_tinymce_custom_css( $mceInit ) {
	$custom_styles = preg_replace( "/\r|\n/", "", get_theme_mod( 'custom_theme_css' ) );
	if ( isset( $mceInit['content_style'] ) ) {
		$mceInit['content_style'] .= ' ' . $custom_styles . ' ';
	} else {
		$mceInit['content_style'] = $custom_styles. ' ';
	}
	return $mceInit;
}
add_filter('tiny_mce_before_init', 'bgsc_tinymce_custom_css' );

When you first save your snippet, I strongly urge you to select the option to Only run once. That way, if any typos have been made, your site will only crash once, and you can reload the page and your site will be fine.

If you don’t get an error when you save it once, go ahead and set it to Only run in administration area.

Finally, modify your original Custom CSS to add the editor style mce-content-body:

body.custom-background,
.page-template-page_home .entry-content,
.site-content,
.site-footer, .mce-content-body {
    background-image: none !important;
}
.entry-title {
    background: none !important;
}

I’m really sorry this has been such a complicated issue for you Chris, and I’m going to bug the developers to fix this issue once and for all in the Linx theme. In the meantime, I hope these steps resolve the issue for you.

• This reply was modified 3 years, 5 months ago by Jesse Owens.