How to Add SVG Format Support in Cherry Framework 5 Themes

From this tutorial you’ll learn how to add SVG format support in Cherry Framework 5 Themes.

• First, to add your file to Live Customizer in SVG format, you need to install and activate SVG Support plugin.
• To add SVG format support for Cherry Framework 5 navigate to Appearance tab in the left column of the Dashboard. Open Editor submenu and locate inc/hooks.php or functions.php file.
• Scroll the file to its bottom and add the following code lines to it.

	add_filter( 'cherry_customizer_get_image_types', 'monstroid2_cherry_customizer_add_svg_mime_type' );
	function monstroid2_cherry_customizer_add_svg_mime_type( $mimes = array() ) {
	$mimes['svg'] = 'image/svg+xml';
	return $mimes;
	}

view raw svg hosted with by GitHub

• You have to define the file extension as the key in $mimes array, and specify its value in the mime type.
  E.g., ‘svg’ => ‘image/svg+xml’.
• You can find the list of file extensions and mime types here.
• Then, locate style.CSS file on the right side of editor and add the following code lines.

.site-link__img[width="0"] {width:auto;}

view raw css1 hosted with by GitHub

or

.site-logo__link img[width="0"] {width:auto;}

view raw css2 hosted with by GitHub

[notice type=”warning”] CSS may vary depending on your template!