[extras.php dynamic css generation] #php #fp

gistfile1.txt

function inhab_dynamic_css() {
	if ( ! is_page_template( 'about.php')) {
		return;
	}

	$image = CFS()->get('about_header_image') ;

	if (! $image) {
		return;
	}

	$hero_css = ".page-template-about .entry-header {
		background:
			linear-gradient( to bottom, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.4) 100% ),
			url({$image}) no-repeat center bottom;
			background-size: cover, cover;
	}";

	wp_add_inline_style( 'tent-style', $hero_css );
}
 add_action( 'wp_enqueue_scripts', 'inhab_dynamic_css' );